>  기사  >  웹 프론트엔드  >  JavaScript 조작을 사용하여 개체 배열의 키 이름을 변경하는 방법은 무엇입니까?

JavaScript 조작을 사용하여 개체 배열의 키 이름을 변경하는 방법은 무엇입니까?

DDD
DDD원래의
2024-10-18 19:10:03551검색

How to Change Key Names in an Array of Objects Using JavaScript Manipulation?

객체 배열에서 키 이름 수정

객체 배열에서 키 이름을 변경하려면 영리한 JavaScript 조작이 필요합니다. 이를 달성할 수 있는 방법을 살펴보겠습니다.

최신 JavaScript에서는 나머지 구문, 확산 구문 및 배열 매핑을 통해 구조 분해를 활용하여 객체 배열의 특정 키 이름을 교체할 수 있습니다.

작동 방식은 다음과 같습니다.

<code class="javascript">const arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];

const newArrayOfObj = arrayOfObj.map(({
  key1: stroke,
  ...rest
}) => ({
  stroke,
  ...rest
}));

console.log(newArrayOfObj);</code>

이 예에는 속성 이름이 "key1" 및 "key2"인 객체 배열이 있습니다. 나머지 속성을 캡처하기 위해 나머지 연산자를 사용하여 "key1" 속성을 "Stroke"라는 새 변수로 분해하여 각 개체를 매핑합니다.

결과는 "key1"이 포함된 새 개체 배열입니다. 다른 속성은 유지하면서 "획"으로 대체합니다.

이 기술은 개체 배열의 키 이름을 수정하는 간결하고 우아한 방법을 제공하므로 유연하고 동적인 데이터 조작이 가능합니다.

위 내용은 JavaScript 조작을 사용하여 개체 배열의 키 이름을 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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