이 자습서에서는 JavaScript에서 배열 내부의 개체 값을 변경하는 방법을 보여줍니다.
JavaScript를 사용하여 배열 내부에 있는 객체의 값을 변경/업데이트하는 방법은 무엇입니까?
배열 내부에 있는 객체의 값을 변경하려면 다음 JavaScript 사전 정의 방법을 사용하십시오.
방법 1: 'findIndex()' 방법을 사용하여 배열 내부에 있는 객체의 값 변경
배열 내부의 객체 값을 변경하려면 ' 찾기인덱스() ' 방법. 이 메서드는 특정 조건을 만족하는 배열에서 요소의 인덱스를 찾습니다. 조건을 지정하기 위해 콜백 함수를 사용합니다.
통사론
findIndex() 메소드를 사용하여 객체의 값을 변경하려면 주어진 구문을 따르십시오.
arrayObject. 인덱스 찾기 ( 객체 => {
//상태
} ) ;
예
다른 개체를 포함하는 배열을 만듭니다.
~였다 arrObj = [ { ID : 5 , 이름 : '메이어' , 나이 : 25 } ,
{ ID : 9 , 이름 : '폴' , 나이 : 26 } ,
{ ID : 12 , 이름 : '스티븐' , 나이 : 이십 } ]
'에 해당하는 객체의 ID를 확인하는 콜백 함수로 findIndex() 메서드를 호출합니다. 12 ” 변수에 개체의 인덱스를 저장합니다. getIndex ”:
const getIndex = arrObj. 인덱스 찾기 ( 객체 => {반품 객체 ID === 12 ;
} ) ;
속성 값 변경 ' 나이 개체의 ”:
arrObj [ getIndex ] . 나이 = 24 ;마지막으로 업데이트된 개체 배열을 콘솔에 인쇄합니다.
콘솔. 통나무 ( '업데이트된 개체 배열은 다음과 같습니다.' ) ;콘솔. 통나무 ( arrObj ) ;
출력은 '의 값을 나타냅니다. 나이 id가 12인 개체의 '이(가) '에서 성공적으로 변경되었습니다. 이십 ' 에게 ' 24 ”:
방법 2: 확산 연산자와 함께 'map()' 방법을 사용하여 배열 내부에 있는 객체의 값 변경
'를 활용 지도() ” 방법을 “ 확산 연산자 ” 배열 내부의 개체 값을 변경합니다. 'map()'은 기존 배열의 각 요소에 대한 함수를 호출하여 새로운 배열을 생성하는 데 사용됩니다. 확산 연산자를 사용하면 배열 요소를 새 배열이나 함수 호출의 인수로 확산하거나 복사할 수 있습니다. 'map()' 메서드는 원래 배열을 수정/변경하지 않고 수정된 요소로 새 배열을 출력합니다.
통사론
스프레드 연산자와 함께 map() 메서드를 사용하여 객체의 값을 변경하려면 다음 구문을 사용하십시오.
만약에 ( 상태 ) {
반품 { ... 객체 , 열쇠 : 새로운 값 } ;
}
반품 객체 ;
} ) ;
예
확산 연산자와 함께 map() 메서드를 호출하여 id가 '인 객체의 이름을 변경합니다. 9 ”:
만약에 ( 객체 ID === 9 ) {
반품 { ... 객체 , 이름 : '앨리스' } ;
}
반품 객체 ;
} ) ;
콘솔에서 개체의 수정된 배열을 인쇄합니다.
콘솔. 통나무 ( newObjectArr ) ;숙소 “ 이름 id가 '인 개체의 ' 9 '가 '에서 변경되었습니다. 폴 ' 에게 ' 앨리스 ”:
방법 3: 'find()' 방법을 사용하여 배열 내부에 있는 객체의 값 변경
배열 내부의 객체 값을 변경하려면 ' 찾다() ' 방법. 주어진 조건을 충족하는 배열의 요소를 찾는 데 사용됩니다. 조건을 만족하면 요소의 값을 출력합니다. 그렇지 않으면 ' 한정되지 않은 , ”는 해당 요소가 없음을 나타냅니다.
통사론
find() 메소드에 대해 주어진 구문을 사용하여 배열에서 요소를 찾으십시오.
//상태
} ) ;
예
id가 '인 객체를 찾기 위해 find() 메서드를 호출합니다. 5 ” 변수에 개체를 저장합니다. 인덱스 찾기 ”:
반품 객체 ID === 5 ;
} ) ;
변수 'findIndex'가 '와 같지 않은지 확인하십시오. 한정되지 않은 ”는 객체가 발견되면 속성 값을 변경한다는 의미입니다. 이름 개체의 ”:
만약에 ( 인덱스 찾기 !== 한정되지 않은 ) {findIndex. 이름 = '남자' ;
}
마지막으로 콘솔에 개체를 인쇄합니다.
콘솔. 통나무 ( 인덱스 찾기 ) ;출력에는 해당 값을 변경하여 지정된 개체만 표시됩니다.
방법 4: 'for-of' 루프를 사용하여 배열 내부에 있는 객체의 값 변경
'를 사용할 수도 있습니다. for-of ” 배열 내부의 객체 값을 변경하는 루프. 객체 배열을 반복하고 조건을 확인하여 객체의 값을 변경하는 데 사용됩니다. 객체의 값에 액세스하고 변경한 후 '를 사용하여 루프를 종료합니다. 부서지다 ” 키워드.
통사론
'for-of' 루프에 대해 주어진 구문을 따르십시오.
만약에 ( 상태 ) {
//성명
부서지다 ;
}
}
예
for-of 루프를 사용하고 id가 '인 객체를 확인하십시오. 5 '를 변경하고 ' 나이 ' 에게 ' 27 ”:
만약에 ( 객체 ID === 5 ) {
객체 나이 = 27 ;
부서지다 ;
}
}
콘솔의 어레이 내부에 업데이트된 개체를 인쇄합니다.
콘솔. 통나무 ( arrObj ) ;산출
JavaScript에서 배열 내부에 있는 객체의 값이 변하는 것과 관련된 모든 필수 정보를 수집했습니다.
결론
배열 내부에 있는 객체의 값을 변경하려면 ' 찾기인덱스() , ' 지도() ”를 사용하는 방법 확산 연산자 ”, “ 찾다() ” 방법 또는 “ for-of ' 루프. 이러한 메서드는 배열 내부의 객체 값을 성공적으로 변경했습니다. 이 튜토리얼은 JavaScript에서 배열 내부에 있는 객체의 값을 변경하기 위한 다양한 접근 방식을 보여주었습니다.