"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > JavaScript를 사용하여 추가 속성으로 개체 배열을 늘리는 방법은 무엇입니까?

JavaScript를 사용하여 추가 속성으로 개체 배열을 늘리는 방법은 무엇입니까?

2024-11-08에 게시됨
검색:130

How to Augment an Array of Objects with Additional Properties using JavaScript?

추가 속성을 사용하여 개체 배열 확장

프로그래밍의 유비쿼터스 작업에는 추가 속성을 사용하여 기존 개체 배열을 향상시키는 작업이 포함됩니다. 이 개념을 설명하기 위해 두 요소를 포함하는 객체 배열을 고려하십시오.

Object {Results:Array[2]}
Results:Array[2]
[0-1]
0:Object
   id=1    
   name: "Rick"
1:Object
   id=2     
   name:'david'

목표는 "Active"라는 추가 속성으로 각 객체를 보강하여 변환된 배열을 생성하는 것입니다:

Object {Results:Array[2]}
Results:Array[2]
[0-1]
0:Object
   id=1    
   name: "Rick"
   Active: "false"
1:Object
   id=2     
   name:'david'
   Active: "false"

이를 달성하려면 다음 접근 방식을 고려하세요.

Results.map(obj => ({ ...obj, Active: 'false' }))

map() 메소드를 활용하면 Results 배열의 각 요소가 새 객체로 변환됩니다. 스프레드 구문(...obj)은 객체의 기존 속성을 복사하는 데 사용되는 반면, 새 Active 속성은 명시적으로 추가되며(이 경우 'false' 값)

배열을 활용합니다. 프로토타입.map()을 사용하면 많은 프로그래밍 작업의 기본 작업인 새로운 속성을 사용하여 객체 배열을 편리하고 효과적으로 작성할 수 있습니다. 자세한 내용과 지침은 제공된 종합 문서를 참조하세요.

릴리스 선언문 이 글은 1729651455에서 재인쇄되었습니다. 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3