1. length
문자열의 길이 반환
const str = "Hello, world!";
console.log(str.length); // 132. charAt(index)
주어진 인덱스 번호의 문자 반환
const str = "Hello";
console.log(str.charAt(1)); // 'e'
//문자열은 유사 배열이기 때문에 배열처럼 인덱스로 접근 가능
console.log(str[1]); // 'e'3. indexOf(string) ⭐️
지정된 문자열이 처음 등장하는 위치의 인덱스 반환. 찾지 못하면 -1 반환
const str = "Hello, world!";
console.log(str.indexOf("world")); // 7
console.log(str.indexOf("JavaScript")); // -1 (찾지 못함)4. lastIndexOf(string)
지정된 문자열이 마지막으로 나타나는 위치의 인덱스 반환
const str = "Hello, World! Hello!";
console.log(str.lastIndexOf("Hello")); // 135. substring(start, end)
주어진 범위 내의 문자열 반환. start부터 end 전까지 추출, 음수 사용 불가
const str = "Hello, world!";
console.log(str.substring(0, 5)); // "Hello"
console.log(str.substring(7)); // "world!"6. slice(start, end)
주어진 인덱스를 기준으로 문자열을 잘라 반환. 음수 인덱스 사용 가능 ⇒ substring보다 유연함
const str = "Hello, world!";
console.log(str.slice(-6, -1)); // "world"
console.log(str.slice(7)); // "world!"
console.log(str.slice(0, 5)); // "Hello"반환값: 지정된 범위의 부분 문자열 (문자열)
7. toLowerCase() ⭐️
문자열을 소문자로 변환하여 반환
const str = "HELLO";
console.log(str.toLowerCase()); // "hello"반환값: 소문자로 변환된 문자열
8. toUpperCase() ⭐️
문자열을 대문자로 변환하여 반환
const str = "hello";
console.log(str.toUpperCase()); // "HELLO"반환값: 대문자로 변환된 문자열
9. trim() ⭐️⭐️
문자열 양쪽의 공백을 제거하고 반환
사용: 사용자 입력 요소 제어할 때 많이 사용(ex. 로그인 인풋 공백)
const str = " Hello, world! ";
console.log(str.trim()); // "Hello, world!"반환값: 양쪽 공백이 제거된 문자열
10. split(separator)
주어진 구분자를 기준으로 문자열을 분할하여 배열로 반환
const str = "사과,바나나,체리";
console.log(str.split(",")); // ["사과", "바나나", "체리"]
// 공백으로 문장 분할
const 문장 = "안녕하세요 여러분! 오늘 기분이 어떠신가요?";
console.log(문장.split(" ")); // ["안녕하세요", "여러분!", "오늘", "기분이", "어떠신가요?"]반환값: 문자열을 분할한 배열
11. replace(string, replacement)
지정된 문자열을 다른 문자열로 한 번만 교체하고 반환함
const str = "Hello, world!";
console.log(str.replace("world", "JavaScript")); // "Hello, JavaScript!"- 반환값: 교체된 문자열
12. replaceAll(string, replacement)
지정된 문자열을 모두 찾아 다른 문자열로 교체하고 반환함
const str = "apple, apple, apple";
console.log(str.replaceAll("apple", "orange")); // "orange, orange, orange"- 반환값: 모든 항목이 교체된 문자열
13. includes(string): ⭐️⭐️
문자열이 포함되어 있으면 true, 아니면 false를 반환함
const str = "Hello, world!";
console.log(str.includes("world")); // true
console.log(str.includes("JavaScript")); // false- 반환값:
true또는false
14. startsWith(string)
문자열이 지정된 문자열로 시작하면 true를 반환함 ⭐️
const str = "Hello, world!";
console.log(str.startsWith("Hello")); // true- 반환값:
true또는false
15. endsWith(string)
문자열이 지정된 문자열로 끝나면 true를 반환함
const str = "Hello, world!";
console.log(str.endsWith("!")); // true- 반환값:
true또는false
16. repeat(count)
문자열을 지정한 횟수만큼 반복하여 반환함
const str = "*";
console.log(str.repeat(5)); // "*****"- 반환값: 반복된 문자열
17. localeCompare(string)
두 문자열을 비교하여 음수, 0, 양수를 반환함
- 음수 (-1): 비교하는 문자열이 인자로 전달된 문자열보다 사전적으로 앞에 올 때
- 0: 두 문자열이 동일할 때
- 양수 (1): 비교하는 문자열이 인자로 전달된 문자열보다 사전적으로 뒤에 올 때
const str1 = "a";
const str2 = "b";
console.log(str1.localeCompare(str2)); // -1- 반환값: 비교 결과 (
-1,0,1)
18. match(regex)
정규 표현식과 일치하는 부분을 찾아 배열로 반환하고, 없으면 null을 반환함
const text = "The rain in Spain";
const matches = text.match(/ain/g);
console.log(matches); // ["ain", "ain"]- 반환값: 일치하는 부분의 배열 또는
null
19. search(regex)
정규 표현식과 일치하는 첫 번째 위치의 인덱스를 반환하며, 없으면 -1을 반환함
const text = "The rain in Spain";
console.log(text.search(/ain/)); // 5- 반환값: 첫 일치 항목의 인덱스 또는
-1
20. padStart(length, string)
지정한 길이까지 앞쪽을 특정 문자로 채운 문자열을 반환함
const str = "42";
console.log(str.padStart(5, "0")); // "00042"- 반환값: 지정된 길이만큼 채워진 문자열
21. padEnd(length, string)
지정한 길이까지 뒤쪽을 특정 문자로 채운 문자열을 반환함
const str = "42";
console.log(str.padEnd(5, "0")); // "42000"- 반환값: 지정된 길이만큼 채워진 문자열
22. toLocaleUpperCase()
지역 설정에 따라 대문자로 변환된 문자열을 반환함
23. toLocaleLowerCase()
지역 설정에 따라 소문자로 변환된 문자열을 반환함
24. valueOf()
문자열 객체의 원시 값을 반환함
const strObj = new String("Hello");
console.log(strObj.valueOf()); // "Hello"- 반환값: 문자열의 원시 값
📚 자세한 건 MDN 공식 문서 참고
