> 웹 프론트엔드 > JS 튜토리얼 > 루프 없이 속성 값으로 배열에서 특정 JavaScript 개체를 찾는 방법은 무엇입니까?

루프 없이 속성 값으로 배열에서 특정 JavaScript 개체를 찾는 방법은 무엇입니까?

DDD
풀어 주다: 2024-12-22 07:55:12
원래의
701명이 탐색했습니다.

How to Find a Specific JavaScript Object in an Array by Property Value Without a Loop?

속성 값을 기반으로 배열에서 특정 JavaScript 개체 찾기

아래 개체 배열을 고려하세요.

var jsObjects = [
   {a: 1, b: 2}, 
   {a: 3, b: 4}, 
   {a: 5, b: 6}, 
   {a: 7, b: 8}
];
로그인 후 복사

값을 기반으로 {a: 5, b: 6}과 같은 특정 객체를 검색하는 방법은 무엇입니까? 특정 속성의 경우 for...in 루프를 사용하지 않고 "b"라고 말하시겠습니까?

Array.filter() 사용

Array.filter( ) 방법은 편리한 솔루션을 제공합니다. 이를 통해 지정된 조건에 따라 개체 배열을 필터링할 수 있습니다. 이 경우 jsObjects 배열을 다음과 같이 필터링할 수 있습니다.

var result = jsObjects.filter(obj => {
  return obj.b === 6
})
로그인 후 복사

filter() 메서드는 조건을 충족하는 개체가 포함된 새 배열을 반환합니다. 우리의 경우 단일 객체인 {a: 5, b: 6}이 포함된 배열을 반환합니다.

아래 코드는 Array.filter()를 사용하여 원하는 개체를 찾습니다.

const jsObjects = [
  {a: 1, b: 2}, 
  {a: 3, b: 4}, 
  {a: 5, b: 6}, 
  {a: 7, b: 8}
]

let result = jsObjects.filter(obj => {
  return obj.b === 6
})

console.log(result)
로그인 후 복사

이 코드는 출력:

[{a: 5, b: 6}]
로그인 후 복사

위 내용은 루프 없이 속성 값으로 배열에서 특정 JavaScript 개체를 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿