javascript 문자열 객체

javascript 데이터 실행하기

▶ 오늘은 제가 공부하면서 복습하기 위한 블로그를 써보려고 하는데요, 함께 보면서 같이 공부하면 좋으니 궁금하시다면 봐주세요!

1. includes()

▶ includes()는 배열(Array)이 특정 요소를 포함하고 있는지 여부를 확인하는 JavaScript의 배열 메서드로 대상 배열에 특정 요소가 포함되어 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

{
  const fruits = ['apple', 'banana', 'orange', 'grape'];

  console.log(fruits.includes('banana')); // true
  console.log(fruits.includes('watermelon')); // false
}

▶ 위의 예시처럼 includes()는 배열안에 포함된 문자열은 true로, 없는 문자열은 false로 반환합니다.

2. indexOf()

▶ indexOf()는 문자열이나 배열에서 특정 요소의 인덱스를 찾는 JavaScript의 메서드로 만약 해당 요소를 찾을 수 없으면 -1을 반환합니다.

{
  const fruits = ['apple', 'banana', 'orange', 'grape'];

  console.log(fruits.indexOf('banana')); // 1
  console.log(fruits.indexOf('watermelon')); // -1
}

▶ 위의 예시처럼 indexOf()는 배열 안에 포함된 문자열은 1로, 없는 문자열은 -1로 반환합니다.

3. match()

▶ match()는 문자열에서 정규 표현식과 일치하는 부분을 찾아 반환하는 JavaScript의 문자열 메서드로 이 메서드를 사용하면 문자열 내에서 패턴에 해당하는 부분을 쉽게 추출하거나 확인할 수 있습니다.

{
  const text = 'Today is a sunny day.';
  const matched = text.match(/sunny/);
  
  console.log(matched); // ["sunny"]
}

▶ 위의 예시처럼 match()는 내가 찾고 싶은 문자열을 ()안에 입력하면 해당 문자열을 반환해줍니다.

4. replace()

▶ replace()는 문자열에서 지정된 패턴을 다른 문자열로 치환하는 JavaScript의 문자열 메서드로 이 메서드를 사용하면 특정 문자열을 다른 문자열로 바꿀 수 있습니다.

{
  const text = 'I have an apple.';
  const newText = text.replace('apple', 'orange');

  console.log(newText); // "I have an orange."
}

▶ 위의 예시처럼 replace()는 내가 지정한 문자열을 다른 문자열로 바꿀 수 있는는데요, ()안에 기존 문자열, 바꾸고 싶은 문자열을 입력하면 해당 값으로 바뀌게 됩니다.

5. search()

▶ search()는 문자열에서 특정 패턴이나 문자열을 검색하여 해당 패턴이나 문자열이 위치한 인덱스를 반환하는 JavaScript의 문자열 메서드로 이 메서드를 사용하면 문자열 내에서 원하는 문자열을 찾을 수 있습니다.

{
  const text = 'I have an apple.';

  const index = text.search('apple');
  console.log(index); // apple에서 a가 시작되는 인덱스값이 10이기 때문에 10으로 반환
}

▶ 위의 예시처럼 search()는 내가 찾고 싶은 문자열의 위치를 인덱스로 반환하는데요, 만약 apple이라는 단어를 서치하게 되면 인덱스가 0부터 시작하기 때문에 a가 시작되는 인덱스값이 10이므로 10이 반환되어집니다.

6. slice()

▶ slice()는 배열이나 문자열에서 지정한 시작 인덱스부터 끝 인덱스까지의 부분을 추출하여 새로운 배열이나 문자열을 반환하는 JavaScript의 메서드로 이 메서드를 사용하면 기존 배열이나 문자열의 일부분을 쉽게 추출할 수 있습니다.

{
  const text = 'Hello, world!';

  const slicedText = text.slice(7, 12); // slice()는 !같은 부호를 문자열로 인식O
  console.log(slicedText); // 문자열에서 인덱스 7부터 12까지의 부분을 추출하여 반환하기 때문에 "world!"가 나옴
}

▶ 위의 예시처럼 slice()는 내가 지정한 인덱스의 시작과 끝을 지정해주면 그에 해당하는 문자열을 반화해주는데요, 7~12인덱스값에 해당하는 문자열이 world!이기 때문에 해당 문자열이 반환됩니다.

이렇게 오늘은 제가 외우기 위해 써 본 문자열 객체에 대해 알아봤는데요,
아직 남아있는 공부는 다음 블로그 글에서도 이어집니다😁!