자바스크립트 배열의 요소를 특정 기준으로 항목 찾기 및 추출하기

09 Sep 2023

javascript

자바스크립트에서 배열은 여러 개의 값을 담을 수 있는 자료구조입니다. 배열 안에는 다양한 타입의 요소들이 포함될 수 있으며, 이러한 배열에서 특정 기준에 맞는 항목을 찾고 추출하는 것은 자주 사용되는 기능입니다. 이번 글에서는 자바스크립트 배열에서 요소를 찾는 다양한 방법과 추출하는 방법에 대해 알아보겠습니다.

1. 특정 값으로 요소 찾기

특정 값으로 요소를 찾는 방법은 배열 메소드 indexOf()와 includes()를 사용하는 것입니다.

indexOf() 메소드는 배열에서 특정 값의 첫 번째 인덱스를 반환합니다. 만약 배열 안에 해당 값이 없으면 -1을 반환합니다. 예를 들면 다음과 같습니다:

var fruits = ['apple', 'banana', 'orange', 'grape'];

var index = fruits.indexOf('banana');
console.log(index); // 출력 결과: 1

var notFound = fruits.indexOf('melon');
console.log(notFound); // 출력 결과: -1

includes() 메소드는 배열이 특정 값에 대해 참(true) 또는 거짓(false)을 반환하는지를 판별합니다. 예를 들면 다음과 같습니다:

var fruits = ['apple', 'banana', 'orange', 'grape'];

var found = fruits.includes('banana');
console.log(found); // 출력 결과: true

var notFound = fruits.includes('melon');
console.log(notFound); // 출력 결과: false

2. 특정 조건으로 요소 찾기

특정 조건에 맞는 요소를 찾기 위해서는 배열 메소드 find()와 filter()를 사용할 수 있습니다.

find() 메소드는 배열에서 주어진 조건을 만족하는 첫 번째 요소를 반환합니다. 조건에 맞는 요소를 찾지 못하면 undefined를 반환합니다. 예를 들면 다음과 같습니다:

var scores = [90, 80, 70, 60];

var found = scores.find(function(score) {
  return score < 80;
});
console.log(found); // 출력 결과: 70

var notFound = scores.find(function(score) {
  return score > 100;
});
console.log(notFound); // 출력 결과: undefined

filter() 메소드는 배열에서 주어진 조건을 만족하는 모든 요소를 반환합니다. 조건에 맞는 요소가 없으면 빈 배열을 반환합니다. 예를 들면 다음과 같습니다:

var scores = [90, 80, 70, 60];

var filtered = scores.filter(function(score) {
  return score >= 80;
});
console.log(filtered); // 출력 결과: [90, 80]

3. 특정 기준으로 요소 추출하기

위에서 설명한 find()와 filter() 메소드를 사용하여 특정 기준에 맞는 요소들을 추출할 수 있습니다.

var fruits = ['apple', 'banana', 'orange', 'grape'];

var filteredFruits = fruits.filter(function(fruit) {
  return fruit.length > 5; // 길이가 5보다 큰 과일만 추출
});
console.log(filteredFruits); // 출력 결과: ['banana', 'orange']

var firstFruit = fruits.find(function(fruit) {
  return fruit[0] === 'a'; // 첫 글자가 'a'인 첫 번째 과일만 추출
});
console.log(firstFruit); // 출력 결과: 'apple'

자바스크립트 배열에서 요소를 특정 기준으로 찾고 추출하는 방법에 대해 알아보았습니다. 배열의 다양한 메소드와 조건문을 활용하여 필요에 맞는 항목을 찾아내고 추출할 수 있습니다. 이러한 기능을 적절히 활용하면 배열 데이터의 처리와 관련된 작업을 효율적으로 할 수 있습니다.