최신 JavaScript를 사용하여 객체 배열의 키 이름을 변경하는 방법은 무엇입니까?

객체 배열의 키 이름 변경

JavaScript 세계에서는 객체와 배열을 조작하는 능력이 매우 중요합니다. 그러한 작업 중 하나는 객체 배열의 키 이름을 변경하는 것입니다.

예를 들어 객체 배열을 생각해 보세요.

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

목표는 각 key1을 스트로크로 변환하여 결과를 얻는 것입니다. 다음 출력은 다음과 같습니다.

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

최신 JavaScript에서는 구조 분해, 나머지 구문, 확산 구문 및 배열 맵의 조합이 우아한 솔루션을 제공합니다.

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

console.log(newArrayOfObj);

이 기술은 구조 분해를 활용하여 다음을 수행합니다. key1을 스트로크로 추출하고 스프레드 연산자를 사용하여 나머지 속성과 결합합니다. 그런 다음 배열의 각 개체에 맵 방법이 적용되어 수정된 키 이름을 가진 새 배열이 생성됩니다.

이 접근 방식을 이해하면 개체 배열의 키 이름을 효과적으로 바꿀 수 있으며 구성 및 관리를 위한 다양한 옵션을 열 수 있습니다. 데이터 구조를 조작합니다.

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