>웹 프론트엔드 >JS 튜토리얼 >Array.prototype.map()을 사용하여 객체 배열에 속성을 추가하는 방법은 무엇입니까?

Array.prototype.map()을 사용하여 객체 배열에 속성을 추가하는 방법은 무엇입니까?

DDD
DDD원래의
2024-10-23 11:49:30806검색

How to Add Properties to an Array of Objects Using Array.prototype.map()?

객체 배열에 속성 추가

프로그래밍에서 객체 배열은 일반적으로 데이터를 나타내는 데 사용됩니다. 경우에 따라 이러한 배열의 개체에 추가 속성을 추가해야 하는 경우가 있습니다.

다음 개체 배열을 고려하세요.

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"

이를 달성하려면 Array.prototype.map() 메서드를 활용할 수 있습니다. 이 메소드는 제공된 매핑 함수를 사용하여 원본 배열의 각 요소를 변환하여 새 배열을 생성합니다.

<code class="javascript">Results.map(obj => ({ ...obj, Active: 'false' }))</code>

map() 메소드를 활용하면 각 객체에 추가 항목이 있는 새 객체 배열이 생성됩니다. "활성" 속성이 "false"로 설정되었습니다. 이렇게 하면 원본 배열의 각 요소에 원하는 속성이 효과적으로 추가됩니다.

위 내용은 Array.prototype.map()을 사용하여 객체 배열에 속성을 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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