>웹 프론트엔드 >JS 튜토리얼 >특정 속성을 기반으로 JavaScript 배열에서 개체를 찾고 바꾸는 방법은 무엇입니까?

특정 속성을 기반으로 JavaScript 배열에서 개체를 찾고 바꾸는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-28 14:26:12281검색

How to Find and Replace an Object in a JavaScript Array Based on a Specific Property?

객체 배열에서 특정 속성을 가진 객체 찾기

Javascript에서는 이름이 지정되지 않은 객체의 배열에서 특정 속성을 검색할 수 있습니다. 속성-값 일치를 기반으로 하는 개체입니다. 다음 배열을 고려하십시오.

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];

객체 찾기:

"name" 속성이 "string 1"로 설정된 객체를 찾으려면 find를 사용합니다. () 방법. 구문은 다음과 같습니다.

let obj = arr.find(o => o.name === 'string 1');

이 코드는 배열을 반복하고 o.name === 'string 1' 조건이 true인 첫 번째 개체를 반환합니다. 결과 obj에는 다음 데이터가 포함됩니다.

{ name:"string 1", value:"this", other: "that" }

발견된 개체 교체:

객체가 발견되면 편집된 버전으로 교체할 수 있습니다. 이렇게 하려면 findIndex() 메서드를 사용하여 배열 내 개체의 인덱스를 가져옵니다.

let index = array.findIndex(o => o.name === 'string 1');

그런 다음 배열의 splice() 메서드를 사용하여 해당 인덱스에 있는 개체를 바꿉니다.

array.splice(index, 1, { new_name: "string 1", new_value: "updated" });

이제 배열에는 업데이트된 객체가 포함됩니다.

[
    { name:"string 1", value:"updated", other: "that" },
    { name:"string 2", value:"this", other: "that" }
]

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.