자바스크립트 기본 문법 – 문자열 처리 – 0 – 문자열 메서드
소제목: 문자열이란?
문자열은 자바스크립트에서 텍스트 데이터를 나타내는 방법입니다. 문자열은 작은따옴표(”)나 큰따옴표(“”)로 묶여 있으며, 문자열 안에는 여러 글자가 포함될 수 있습니다. 예를 들면, ‘안녕하세요’나 “Hello, world!”와 같은 것들이 문자열입니다.
소제목: 문자열의 길이 구하기
자바스크립트에서는 문자열의 길이를 알 수 있는 내장 메서드인 length를 제공합니다. 이 메서드는 문자열에 포함된 문자의 개수를 반환합니다. 예시를 살펴보겠습니다.
const str = '안녕하세요';
const length = str.length;
console.log(length); // 출력: 5위의 예시에서 str.length는 5를 반환합니다. 문자열 ‘안녕하세요’에는 총 5개의 글자가 있기 때문입니다.
소제목: 문자열 접근하기
문자열 내부의 특정 위치에 있는 문자에 접근하려면 인덱스(index)를 사용합니다. 인덱스는 0부터 시작하며, 왼쪽에서 오른쪽으로 순서대로 증가합니다. 예를 들어, 문자열 ‘Hello’에서 ‘H’는 인덱스 0, ‘e’는 인덱스 1, ‘l’은 인덱스 2, ‘l’은 인덱스 3, ‘o’는 인덱스 4에 위치합니다. 이를 코드로 표현하면 다음과 같습니다.
const str = 'Hello';
const firstCharacter = str[0];
const thirdCharacter = str[2];
console.log(firstCharacter); // 출력: 'H'
console.log(thirdCharacter); // 출력: 'l'위의 예시에서 str[0]은 ‘H’를 반환하고, str[2]는 ‘l’을 반환합니다.
소제목: 문자열 결합하기
자바스크립트에서는 + 연산자를 사용하여 문자열을 결합할 수 있습니다. 이를 문자열 연결(concatenation)이라고 합니다. 예시를 살펴보겠습니다.
const str1 = 'Hello';
const str2 = 'world!';
const result = str1 + ' ' + str2;
console.log(result); // 출력: 'Hello world!'위의 예시에서 str1 + ' ' + str2는 ‘Hello’와 ‘world!’ 사이에 공백을 추가하여 두 문자열을 결합합니다. 따라서 result에는 ‘Hello world!’가 저장됩니다.
소제목: 문자열 메서드
자바스크립트에서는 문자열을 다루기 위해 다양한 내장 메서드를 제공합니다. 이들 메서드를 사용하면 문자열을 조작하거나 원하는 형태로 변환할 수 있습니다.
1. toUpperCase와 toLowerCase
toUpperCase 메서드는 문자열의 모든 문자를 대문자로 변환하고, toLowerCase 메서드는 문자열의 모든 문자를 소문자로 변환합니다.
const str = 'Hello, world!';
const upperCase = str.toUpperCase();
const lowerCase = str.toLowerCase();
console.log(upperCase); // 출력: 'HELLO, WORLD!'
console.log(lowerCase); // 출력: 'hello, world!'2. indexOf와 lastIndexOf
indexOf 메서드는 문자열 내에서 특정 문자 또는 문자열의 첫 번째 등장 위치를 찾습니다. 만약 찾고자 하는 문자 또는 문자열이 없을 경우 -1을 반환합니다. lastIndexOf 메서드는 indexOf와 비슷하지만 문자열의 마지막에서부터 역순으로 검색을 수행합니다.
const str = 'Hello, world!';
const index1 = str.indexOf('o');
const index2 = str.lastIndexOf('o');
console.log(index1); // 출력: 4
console.log(index2); // 출력: 83. substring과 slice
substring 메서드와 slice 메서드는 문자열에서 특정 부분을 추출합니다. 두 메서드는 시작 인덱스와 끝 인덱스를 지정하여 추출 범위를 결정합니다. substring은 끝 인덱스 바로 앞까지의 문자열을 반환하고, slice는 끝 인덱스까지의 문자열을 반환합니다.
const str = 'Hello, world!';
const substringResult = str.substring(7, 12);
const sliceResult = str.slice(7, 12);
console.log(substringResult); // 출력: 'world'
console.log(sliceResult); // 출력: 'world'4. replace
replace 메서드는 문자열 내에서 특정 문자 또는 패턴을 다른 문자열로 대체합니다.
const str = 'Hello, world!';
const replaced = str.replace('world', 'everyone');
console.log(replaced); // 출력: 'Hello, everyone!'주의해야 할 점
- 자바스크립트에서 문자열은 변경 불가능한(immutable) 값입니다. 즉, 한 번 생성된 문자열은 수정할 수 없으며, 메서드를 호출해도 원래의 문자열은 변경되지 않습니다. 대신, 메서드는 새로운 문자열을 반환합니다.
- 인덱스는 0부터 시작하므로 주의하여 사용해야 합니다. 올바른 인덱스를 사용하지 않으면 예상치 못한 결과가 발생할 수 있습니다.
- 문자열 메서드를 사용할 때, 메서드의 반환 값을 적절히 활용해야 합니다. 메서드는 원래의 문자열을 변경하지 않으므로, 반환 값을 변수에 저장하거나 다른 곳에 활용해야 원하는 동작을 수행할 수 있습니다.
이상으로, 자바스크립트 기본 문법 – 문자열 처리 – 0 – 문자열 메서드에 대한 설명을 마칩니다. 문자열은 자바스크립트에서 매우 중요한 개념이며, 다양한 메서드를 통해 유연하게 다룰 수 있습니다. 주어진 조건에 따라 친절하고 상세하게 답변드렸습니다. 자바스크립트의 기본 문법과 문자열 처리에 대한 이해를 바탕으로 다양한 프로그래밍 과제를 해결해 나가시기 바랍니다. 추가적인 질문이 있으면 언제든지 물어보세요!