자바스크립트에서 배열은 여러 개의 값을 저장하는 데 사용되는 데이터 구조입니다. 배열에는 다양한 요소가 포함될 수 있으며, 때로는 특정 조건을 만족하는 요소를 선택해야 할 때가 있습니다. 이번 글에서는 자바스크립트 배열에서 조건에 따라 요소를 선택하는 몇 가지 방법을 알아보겠습니다.

1. for 반복문을 사용하여 선택하기

for 반복문을 사용하여 배열을 순회하고 조건에 따라 요소를 선택할 수 있습니다. 예를 들어, 다음은 배열에서 10 이상의 값을 가진 요소만 선택하는 코드입니다.

let arr = [5, 10, 15, 20, 25];

for(let i = 0; i < arr.length; i++) {
  if(arr[i] >= 10) {
    console.log(arr[i]);
  }
}

위 예제에서는 배열 arr을 순회하면서 각 요소가 10 이상인지 확인하고, 조건에 맞는 요소를 출력합니다.

2. filter() 메소드를 사용하여 선택하기

filter() 메소드는 자바스크립트 배열에서 조건에 따라 선택된 요소들을 새로운 배열로 반환합니다. 다음은 filter() 메소드를 사용하여 10 이상의 값을 가진 요소를 선택하는 코드입니다.

let arr = [5, 10, 15, 20, 25];

let filteredArr = arr.filter(function(element) {
  return element >= 10;
});

console.log(filteredArr);

위 예제에서는 filter() 메소드를 사용하여 배열 arr에서 10 이상의 값을 가진 요소를 선택하고, 해당 요소들이 포함된 새로운 배열 filteredArr을 생성합니다.

3. ES6의 화살표 함수와 filter() 메소드를 사용하여 선택하기

ES6에서 도입된 화살표 함수를 사용하면 filter() 메소드의 콜백 함수를 더 간단하고 직관적으로 작성할 수 있습니다. 다음은 화살표 함수와 filter() 메소드를 사용하여 10 이상의 값을 가진 요소를 선택하는 코드입니다.

let arr = [5, 10, 15, 20, 25];

let filteredArr = arr.filter(element => element >= 10);

console.log(filteredArr);

위 예제에서는 ES6의 화살표 함수를 사용하여 filter() 메소드를 호출하고, 10 이상의 값을 가진 요소를 선택한 결과를 새로운 배열 filteredArr에 저장합니다.

자바스크립트에서 배열의 요소를 조건에 따라 선택하는 방법은 다양하지만, for 반복문과 filter() 메소드를 사용하는 방법은 간편하고 효율적입니다. 적절한 방법을 선택하여 프로그램에 적용해 보세요.