자바스크립트 - 문자열 객체 01

안녕하세요 오늘은 자바스크립트 문자열 객체 매서드에 대해서 알아보려고 합니다.

문자열 객체에 대해서 33개정도 정리할건데 오늘은 16개정도 정리 해보겠습니다.

자바스크립트 문자열 객체 01

1. at() 메서드:

• 설명: 문자열에서 지정된 인덱스의 문자를 반환합니다.
• 사용 예시:

  const str = 'Hello';
  console.log(str.at(1)); // 'e'
  

2. charAt() 메서드:

• 설명: 문자열에서 지정된 인덱스의 단일 문자를 반환합니다.
• 사용 예시:

  const str = 'Hello';
  console.log(str.charAt(2)); // 'l'
  

3. charCodeAt() 메서드:

• 설명: 문자열에서 지정된 인덱스의 유니코드 값을 반환합니다.
• 사용 예시:

  const str = 'Hello';
  console.log(str.charCodeAt(0)); // 72
  

4. codePointAt() 메서드:

• 설명: 문자열에서 지정된 인덱스의 유니코드 포인트 값을 반환합니다.
• 사용 예시:

  const str = '😊🌟';
  console.log(str.codePointAt(0)); // 128522
  

5. concat() 메서드:

• 설명: 문자열에 매개변수로 전달된 문자열을 결합하여 새로운 문자열을 반환합니다.
• 사용 예시:

  const str1 = 'Hello';
  const str2 = ' World';
  console.log(str1.concat(str2)); // 'Hello World'
  

6. includes() 메서드:

• 설명: 문자열에 지정된 문자열이 포함되어 있는지 여부를 확인하여 불리언 값을 반환합니다.
• 사용 예시:

  const str = 'Hello World';
  console.log(str.includes('World')); // true
  console.log(str.includes('world')); // false (대소문자 구분)
  

7. indexOf() 메서드:

• 설명: 문자열에서 지정된 값과 일치하는 첫 번째 인덱스를 반환하고, 일치하는 값이 없으면 -1을 반환합니다.
• 사용 예시:

  const str = 'Hello World';
  console.log(str.indexOf('o')); // 4
  console.log(str.indexOf('x')); // -1 (일치하는 값 없음)
  

8. lastIndexOf() 메서드:

• 설명: 문자열을 끝에서부터 검색하여 지정된 값과 일치하는 마지막 인덱스를 반환하고, 일치하는 값이 없으면 -1을 반환합니다.
• 사용 예시:

  const str = 'Hello World';
  console.log(str.lastIndexOf('o')); // 7
  console.log(str.lastIndexOf('x')); // -1 (일치하는 값 없음)
  

9. localeCompare() 메서드:

• 설명: 문자열을 기준으로 다른 문자열과의 정렬 순서를 비교하여 수치를 반환합니다. (음수, 양수, 0)
• 사용 예시:

  const str1 = 'apple';
  const str2 = 'banana';
  console.log(str1.localeCompare(str2)); // -1 (str1이 알파벳적으로 앞서므로)
  

10. match() 메서드:

• 설명: 문자열에 대한 정규식 검색 결과를 배열로 반환합니다.
• 사용 예시:

  const str = 'Hello World';
  console.log(str.match(/o/g)); // ['o', 'o']
  

11. matchAll() 메서드:

• 설명: 문자열에 대한 정규식 검색 결과를 이터레이터로 반환하며, 일치하는 모든 결과를 배열로 반환합니다.
• 사용 예시:

  const str = 'Hello World';
  const regex = /[a-zA-Z]/g;
  const matches = str.matchAll(regex);
  for (const match of matches) {
     console.log(match);
  }
  // 출력:
  // ['H', index: 0, input: 'Hello World', groups: undefined]
  // ['e', index: 1, input: 'Hello World', groups: undefined]
  // ['l', index: 2, input: 'Hello World', groups: undefined]
  // ['l', index: 3, input: 'Hello World', groups: undefined]
  // ['o', index: 4, input: 'Hello World', groups: undefined]
  // ...
  

12. normalize() 메서드:

• 설명: 주어진 문자열의 유니코드 정규화된 형태를 반환합니다.
• 사용 예시:

  const str = '\u1E9B\u0323'; // 'ṩ'
  console.log(str.normalize()); // 'ṩ' (정규화된 형태로 출력)
  

13. padEnd() 메서드:

• 설명: 주어진 길이만큼 문자열의 끝에 지정된 문자열을 채워 반환합니다.
• 사용 예시:

  const str = 'Hello';
  console.log(str.padEnd(8, '-')); // 'Hello---'
  

14. padStart() 메서드:

• 설명: 주어진 길이만큼 문자열의 시작에 지정된 문자열을 채워 반환합니다.
• 사용 예시:

  const str = 'Hello';
  console.log(str.padStart(8, '-')); // '---Hello'
  

15. repeat() 메서드:

• 설명: 주어진 횟수만큼 문자열을 반복하여 반환합니다.
• 사용 예시:

  const str = 'Hello';
  console.log(str.repeat(3)); // 'HelloHelloHello'
  

16. replace() 메서드:

• 설명: 문자열에서 특정 문자열 또는 정규식과 일치하는 부분을 다른 문자열로 대체합니다.
• 사용 예시:

  const str = 'Hello World';
  console.log(str.replace('World', 'Universe')); // 'Hello Universe'
  

이렇게 오늘 16개정도 정리를 해봤습니다. 오늘도 필자의 부족한 글 읽어주셔서 감사합니다.