JavaScript에서 배열에 값이 포함되어 있는지 확인하는 방법은 무엇입니까?

https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62에서 Amazon에서 내 책을 확인하십시오.

지금 http://jauyeung.net/subscribe/에서 내 이메일 목록을 구독하십시오.

배열에 값이 포함되어 있는지 확인하는 것은 JavaScript 앱에서 자주 수행해야 하는 작업입니다.

이 기사에서는 배열에 JavaScript에서 주어진 값이 포함되어 있는지 확인하는 방법을 살펴보겠습니다.

Array.prototype.includes

includes 메서드는 배열 인스턴스에 포함된 메서드입니다.

값을 가져와 ===와 비교하여 요소가 포함되어 있는지 확인합니다.

예를 들어 다음과 같이 작성할 수 있습니다.

console.log(['apple', 'orange', 'grape'].includes('orange'));

포함된 경우 true  를 반환합니다.

그렇지 않으면 false  를 반환합니다.

Array.prototype.indexOf

배열 인스턴스의 indexOf 메서드를 사용하여 지정된 요소가 포함되어 있는지 확인할 수도 있습니다.

또한 비교를 위해 ===를 사용합니다.

그리고 항목이 있는 경우 해당 항목의 첫 번째 인스턴스의 인덱스를 반환합니다.

그렇지 않으면 -1을 반환합니다.

그것을 사용하기 위해 다음과 같이 작성합니다.

console.log(['apple', 'orange', 'grape'].indexOf('orange') >= 0);

나만의 글쓰기

값을 검색하는 함수를 작성할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

function contains(a, obj) {
  let i = a.length;
  while (i--) {
    if (a[i] === obj) {
      return true;
    }
  }
  return false;
}

console.log(contains(['apple', 'orange', 'grape'] , 'orange'));

contains 루프를 사용하여 항목을 검색하는 while 함수를 만듭니다.
a[i]의 값이 obj와 같으면 true를 반환합니다.

전체 a 배열을 반복하고 일치하는 항목을 찾지 못하면 false  를 반환합니다.

Array.prototype.some

some 메서드는 JavaScript 배열과 함께 제공되는 또 다른 배열 인스턴스 메서드입니다.

주어진 조건과 일치하는 항목이 있는지 확인하기 위해 콜백을 전달할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const items = [{
  a: '1'
}, {
  a: '2'
}, {
  a: '3'
}]

console.log(items.some(item => item.a === '3'))

많은 개체가 있는 items 배열이 있습니다.

그리고 items.some 속성이 3인 items 항목이 있는지 확인하기 위해 콜백으로 a를 호출합니다.
some는 주어진 조건과 일치하는 항목이 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다.

결론

JavaScript에 배열 항목이 있는지 찾는 방법에는 여러 가지가 있습니다.