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

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' 조건이 참입니다. 결과 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" }
]