>  기사  >  웹 프론트엔드  >  JavaScript에서 객체 배열의 키 이름을 바꾸는 방법은 무엇입니까?

JavaScript에서 객체 배열의 키 이름을 바꾸는 방법은 무엇입니까?

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

How to Rename Key Names in Arrays of Objects in JavaScript?

객체 배열에서 키 이름 바꾸기

Javascript에서는 객체 배열 내에서 키 이름을 변경해야 할 수도 있습니다. 예를 들어, key1을 스트로크로 변환합니다:

var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}];

키를 변경하려면 다음 단계를 수행합니다.

  1. 나머지 구문을 사용한 구조 분해:
    이전 키-값 쌍을 추출하고 표시된 대로 키 이름을 바꿉니다.

    ({
      key1: stroke,
      ...rest
    }) 
  2. 확산 구문:
    확산 구문을 사용하여 나머지 키-값 쌍을 새 객체로 변환:

    ({
      stroke,
      ...rest
    })
  3. Array Map:
    map()을 사용하여 배열의 각 객체에 이러한 변경 사항을 적용합니다. :

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

예:

const arrayOfObj = [{
  key1: 'value1',
  key2: 'value2'
}, {
  key1: 'value1',
  key2: 'value2'
}];
const newArrayOfObj = arrayOfObj.map(({
  key1: stroke,
  ...rest
}) => ({
  stroke,
  ...rest
}));

console.log(newArrayOfObj);

출력:

[{
  stroke: 'value1',
  key2: 'value2'
}, {
  stroke: 'value1',
  key2: 'value2'
}]

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

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