알아야 할 가장 일반적인 자바스크립트 문자열 메서드 13가지

자바스크립트에서 문자열은 문자의 시퀀스입니다. 자바스크립트는 문자열을 조작하고 작업할 수 있는 다양한 메서드를 제공합니다. 이 글에서는 가장 일반적으로 사용되는 13가지 자바스크립트 문자열 메서드와 그 기능을 소개합니다.

문자열 길이

문자열의 문자 수를 찾으려면 length 속성을 사용할 수 있습니다.

1
2
3
const str = 'This is a string.';
const lengthOfStr = str.length;
console.log(lengthOfStr); // Output: 17

이 함수는 공백도 계산합니다.

toUpperCase()

문자열을 대문자로 변환하려면 toUpperCase() 메서드를 사용할 수 있습니다.

1
2
3
const str = 'This is a string.';
const uppercaseStr = str.toUpperCase();
console.log(uppercaseStr); // Output: THIS IS A STRING.

toLowerCase()

문자열을 소문자로 변환하려면 toLowerCase() 메서드를 사용할 수 있습니다.

1
2
3
const str = 'This Is a String.';
const lowercaseStr = str.toLowerCase();
console.log(lowercaseStr); // Output: this is a string.

indexOf()

문자열에서 부분 문자열의 첫 번째 출현을 찾으려면 indexOf() 메서드를 사용할 수 있습니다.

1
2
3
const str = 'This is a js string and js string is nice.';
const indexOfJs = str.indexOf('js');
console.log(indexOfJs); // Output: 10

lastIndexOf()

문자열에서 하위 문자열의 마지막 출현을 찾으려면 lastIndexOf() 메서드를 사용할 수 있습니다.

1
2
3
const str = 'This is a js string and js string is nice.';
const lastIndexOfJs = str.lastIndexOf('js');
console.log(lastIndexOfJs); // Output: 24

slice()

문자열의 일부를 추출하려면 slice() 메서드를 사용할 수 있습니다. 이 메서드는 추출된 부분을 새 문자열로 반환합니다.

Syntax:

1
string.slice(start position, end position);

끝 위치는 포함되지 않습니다.

1
2
3
4
5
6
7
8
9
//예시 1
const str1 = 'This is a string.';
const slicedStr1 = str1.slice(0, 7);
console.log(slicedStr1); // Output: This is

//예시 2
const str2 = 'This is a string.';
const slicedStr2 = str2.slice(3, 9);
console.log(slicedStr2); // Output: s is a

끝 위치를 지정하지 않으면 문자열의 나머지 부분을 잘라냅니다.

예를 들어

1
2
3
const str = 'This is a string.';
const slicedStr = str.slice(5);
console.log(slicedStr); // Output: is a string.

음수 매개변수를 지정할 수도 있습니다.

예를 들어

1
2
3
const str = 'This is a string.';
const slicedStr = str.slice(-3, -1);
console.log(slicedStr); // Output: ng

간단히 말하면 다음과 같이 이해할 수 있습니다.

1
2
3
4
str.slice(-3, -1);
str.slice(str.length - 3, str.length - 1);
str.slice(17 - 3, 17 - 1);
str.slice(14, 16);

substring()

substring() 메서드는 slice() 메서드와 비슷하지만 음수 매개변수(0 미만)를 지정하면 0으로 처리된다는 차이점이 있습니다.

1
2
3
const str = 'This is a string.';
const slicedStr = str.substring(-3, 5);
console.log(slicedStr); // Output: This

substr()

substr() 메서드는 slice() 메서드와 비슷하지만, 끝 매개변수가 추출할 문자의 길이라는 점이 다릅니다.

1
2
3
4
5
const str = 'This is a string.';
//이것은 인덱스 11에서 시작하는 문자를 추출합니다.
//4개의 문자를 추출합니다.
const slicedStr = str.substr(11, 4);
console.log(slicedStr); // Output: trin

charAt()

문자열에서 지정된 인덱스에 있는 문자를 가져오려면 charAt() 메서드를 사용할 수 있습니다.

1
2
3
const str = 'This is a string.';
const character = str.charAt(13);
console.log(character); // Output: i

concat()

두 개 이상의 문자열을 연결하려면 concat() 메서드를 사용할 수 있습니다.

1
2
3
4
const firstName = 'John';
const lastName = 'Doe';
const fullName = firstName.concat(' ', lastName);
console.log(fullName); // Output: John Doe

trim()

trim() 메서드를 사용하여 문자열의 양쪽 끝에서 공백을 제거할 수 있습니다.

1
2
3
const str = '    This is a string.    ';
const trimmedStr = str.trim();
console.log(trimmedStr); // Output: This is a string.

replace()

지정된 부분 문자열을 다른 문자열로 바꾸려면 replace() 메서드를 사용할 수 있습니다.

1
2
3
const str = 'JavaScript is amazing!';
const replacedStr = str.replace('amazing', 'awesome');
console.log(replacedStr); // Output: JavaScript is awesome!

split()

split() 메서드를 사용하여 문자열을 배열로 변환할 수 있습니다.

1
2
3
4
5
6
7
8
const str1 = 'JavaScript is amazing!';
const arr1 = str1.split();
console.log(arr1); // Output: ['JavaScript is amazing!']

//Example:2
const str2 = 'JavaScript is amazing!';
const arr2 = str2.split(' ');
console.log(arr2); // Output: ['JavaScript', 'is', 'amazing!']
Share