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

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

Patricia Arquette
풀어 주다: 2024-11-28 01:50:14
원래의
784명이 탐색했습니다.

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

JavaScript를 사용하여 객체 배열에서 값 찾기

이전 쿼리와 유사하게 이 쿼리는 뚜렷한 시나리오를 제시합니다. 명명된 객체의 배열을 포함하는 명명되지 않은 객체의 배열이 있습니다. 요구 사항은 "이름" 속성이 "문자열 1"로 설정된 개체를 찾는 것입니다. 참고로 다음 배열을 고려하십시오.

var array = [
    { name:"string 1", value:"this", other: "that" },
    { name:"string 2", value:"this", other: "that" }
];
로그인 후 복사

발견된 개체 수정:

원하는 개체를 찾으면 업데이트된 버전으로 교체해야 할 필요성이 발생합니다. . JavaScript에서 이를 수행하려면:

배열 요소 찾기:

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

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

console.log(obj);
로그인 후 복사

이 코드 조각은 "이름" 속성이 다음으로 설정된 개체를 찾습니다. "문자열 1"을 입력하고 콘솔에 기록합니다.

객체:

객체를 찾으면 수정된 버전으로 바꿀 수 있습니다.

arr[arr.indexOf(obj)] = { name:"string 1", value:"updated value", other: "that" };
로그인 후 복사

이 코드는 다음을 사용하여 배열에서 찾은 객체의 인덱스를 찾습니다. indexOf를 수정한 객체로 대체합니다.

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

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