자바스크립트에서 문자열은 문자의 시퀀스입니다. 자바스크립트는 문자열을 조작하고 작업할 수 있는 다양한 메서드를 제공합니다. 이 글에서는 가장 일반적으로 사용되는 13가지 자바스크립트 문자열 메서드와 그 기능을 소개합니다.
문자열 길이
문자열의 문자 수를 찾으려면 length
속성을 사용할 수 있습니다.
1 | const str = 'This is a string.'; |
이 함수는 공백도 계산합니다.
toUpperCase()
문자열을 대문자로 변환하려면 toUpperCase()
메서드를 사용할 수 있습니다.
1 | const str = 'This is a string.'; |
toLowerCase()
문자열을 소문자로 변환하려면 toLowerCase()
메서드를 사용할 수 있습니다.
1 | const str = 'This Is a String.'; |
indexOf()
문자열에서 부분 문자열의 첫 번째 출현을 찾으려면 indexOf()
메서드를 사용할 수 있습니다.
1 | const str = 'This is a js string and js string is nice.'; |
lastIndexOf()
문자열에서 하위 문자열의 마지막 출현을 찾으려면 lastIndexOf()
메서드를 사용할 수 있습니다.
1 | const str = 'This is a js string and js string is nice.'; |
slice()
문자열의 일부를 추출하려면 slice()
메서드를 사용할 수 있습니다. 이 메서드는 추출된 부분을 새 문자열로 반환합니다.
Syntax:
1 | string.slice(start position, end position); |
끝 위치는 포함되지 않습니다.
1 | //예시 1 |
끝 위치를 지정하지 않으면 문자열의 나머지 부분을 잘라냅니다.
예를 들어
1 | const str = 'This is a string.'; |
음수 매개변수를 지정할 수도 있습니다.
예를 들어
1 | const str = 'This is a string.'; |
간단히 말하면 다음과 같이 이해할 수 있습니다.
1 | str.slice(-3, -1); |
substring()
substring()
메서드는 slice()
메서드와 비슷하지만 음수 매개변수(0 미만)를 지정하면 0으로 처리된다는 차이점이 있습니다.
1 | const str = 'This is a string.'; |
substr()
substr()
메서드는 slice()
메서드와 비슷하지만, 끝 매개변수가 추출할 문자의 길이라는 점이 다릅니다.
1 | const str = 'This is a string.'; |
charAt()
문자열에서 지정된 인덱스에 있는 문자를 가져오려면 charAt()
메서드를 사용할 수 있습니다.
1 | const str = 'This is a string.'; |
concat()
두 개 이상의 문자열을 연결하려면 concat()
메서드를 사용할 수 있습니다.
1 | const firstName = 'John'; |
trim()
trim()
메서드를 사용하여 문자열의 양쪽 끝에서 공백을 제거할 수 있습니다.
1 | const str = ' This is a string. '; |
replace()
지정된 부분 문자열을 다른 문자열로 바꾸려면 replace()
메서드를 사용할 수 있습니다.
1 | const str = 'JavaScript is amazing!'; |
split()
split() 메서드를 사용하여 문자열을 배열로 변환할 수 있습니다.
1 | const str1 = 'JavaScript is amazing!'; |