JavaScript의 배열 메서드 활용

JavaScript의 배열 메서드 활용

소개

JavaScript의 배열에는 다양한 내장 메서드가 제공되어 데이터 검색, 정렬, 변형 등 다양한 작업을 수행할 수 있습니다. 이번 글에서는 splice, shift, pop, unshift, push를 제외하고 배열에서 자주 사용하는 메서드를 살펴보겠습니다.

배열에서 특정 값 찾기

배열에서 특정 값을 찾는 데 가장 일반적으로 사용되는 메서드는 indexOf와 lastIndexOf입니다.

1. indexOf

   • 배열에서 특정 값을 찾고, 해당 값의 첫 번째 인덱스를 반환합니다.
   • 값이 배열에 없다면 -1을 반환합니다.

   let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
   console.log(brands.indexOf('Kakao')); // 1
   console.log(brands.indexOf('Daum')); // -1

2. lastIndexOf

   • indexOf와 비슷하지만, 배열의 뒤에서부터 값을 찾습니다.

   let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
   console.log(brands.lastIndexOf('Kakao')); // 3
   console.log(brands.lastIndexOf('Daum')); // -1

배열에서 특정 값이 있는지 확인

includes 메서드는 배열에 특정 값이 있는지 여부를 확인할 때 사용됩니다.

• includes
  • 배열에 값이 있다면 true, 없다면 false를 반환합니다.

  let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
  console.log(brands.includes('Kakao')); // true
  console.log(brands.includes('Daum')); // false

배열 뒤집기

배열의 순서를 뒤집고 싶을 때는 reverse 메서드를 사용합니다.

• reverse

  • 배열의 순서를 역순으로 바꿉니다.

  let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
  console.log(brands); // ["Google", "Kakao", "Naver", "Kakao"]
  
  brands.reverse();
  console.log(brands); // ["Kakao", "Naver", "Kakao", "Google"]

그 외의 배열 메서드

배열의 다른 유용한 메서드 몇 가지를 소개합니다:

1. concat

   • 두 개 이상의 배열을 합쳐서 새 배열을 반환합니다.

   let arr1 = [1, 2];
   let arr2 = [3, 4];
   let combined = arr1.concat(arr2);
   console.log(combined); // [1, 2, 3, 4]

2. join

   • 배열의 모든 요소를 문자열로 합쳐 하나의 문자열을 반환합니다.

   let fruits = ['apple', 'banana', 'orange'];
   let result = fruits.join(', ');
   console.log(result); // 'apple, banana, orange'

3. sort

   • 배열의 요소를 정렬합니다. 문자열은 사전 순으로, 숫자는 값을 비교하여 정렬합니다.

   let numbers = [3, 1, 4, 1, 5, 9];
   numbers.sort((a, b) => a - b); // 오름차순 정렬
   console.log(numbers); // [1, 1, 3, 4, 5, 9]

결론

JavaScript의 배열 메서드는 데이터를 효율적으로 검색하고 조작하는 다양한 기능을 제공합니다. 이러한 메서드를 잘 활용하면 배열을 더욱 효과적으로 관리할 수 있습니다.