JavaScript는 객체의 키를 대체합니다.-프런트엔드 Q&A-php.cn

JavaScript 프로그래밍에서 객체를 조작하는 것은 매우 일반적인 요구 사항입니다. 객체의 특정 키 이름을 변경해야 하는 경우가 종종 있습니다. JavaScript는 객체를 조작하는 다양한 방법을 제공하지만 객체의 키를 새 키로 바꾸는 것은 어려울 수 있습니다.

이 글에서는 JavaScript에서 객체의 키를 새로운 키로 바꾸는 몇 가지 다른 방법을 살펴보겠습니다. 우리는 다음 측면에 대해 논의할 것입니다:

객체 키 교체란 무엇입니까?
JavaScript에서 객체 키 교체를 수행하는 방법
키 교체를 위해 ES6의 Object.asset() 메소드를 사용합니다.
ES6의 객체 구조 분해 메소드를 사용하여 키 교체를 수행합니다.
Object.entries() 및 Object.fromEntries() 메서드를 사용한 키 교체

객체 키 교체란 무엇입니까

객체 키 교체는 JavaScript 객체에서 특정 키의 이름을 변경할 수 있는 작업입니다. 이는 개체에서 일부 값을 가져와야 할 때 유용합니다. 예를 들어 API를 통해 개체 데이터를 검색할 때 반환된 데이터 개체의 키를 로컬 데이터 저장소에서 사용되는 키와 일치시켜야 할 수 있습니다.

JavaScript에서 객체 키 교체를 수행하는 방법

JavaScript에서 객체 키 교체를 수행하는 방법에는 여러 가지가 있습니다. 가장 일반적으로 사용되는 세 가지 방법은 아래에 설명되어 있습니다.

객체 속성 이름을 지정하여 객체의 키를 변경할 수 있습니다. 예:

const obj = { oldName: "value" }; obj.newName = obj.oldName; delete obj.oldName;

로그인 후 복사

위 코드 조각에서는 새 키 이름을 생성하고 이전 키 이름 값을 복사한 다음 이전 키 이름을 삭제하여 객체 키 교체를 구현합니다.

Object.keys()를 사용하면 객체의 키 목록을 가져오고 forEach() 루프를 사용하여 각 키를 반복하고 삭제 연산자를 사용하여 이전 키를 삭제한 다음 이전 키 값을 새 키에 복사할 수 있습니다. 키의 새 키를 사용합니다. 예:

const obj = { oldName: "value" }; Object .keys(obj) .forEach(key => { if (key === "oldName") { obj.newName = obj[key]; delete obj[key]; } });

로그인 후 복사

로컬에서 Object.keys()를 사용하여 객체에서 키를 가져온 다음 if 문을 사용하여 각 키가 변경하려는 이름과 일치하는지 확인합니다. 일치하는 항목이 있으면 값이 새 키에 복사되고 이전 키는 삭제됩니다.

Object.sign() 메서드를 사용하여 새 키 값과 이전 키 값을 새 개체에 복사하고 이전 키 값을 삭제합니다. 예를 들면 다음과 같습니다.

const obj = { oldName: "value" }; const newObj = {}; newObj.newName = obj.oldName; delete newObj.oldName;

로그인 후 복사

키 교체를 위해 ES6의 Object.sign() 메소드 사용

ES6의 Object.ass() 메소드와 사용 가능한 매개변수를 사용하여 JavaScript 객체 키 교체 작업을 처리할 수 있습니다. Object.sign()은 원본 객체를 대상 객체에 복사하고 대상 객체를 반환하는 메서드입니다. 따라서 교체를 구현하기 위해 새 키가 포함된 소스 객체를 매개변수로 보낼 수 있습니다.

const obj = { oldName: "value" }; const newObj = Object.assign({}, obj, {newName: obj.oldName}); delete newObj.oldName;

로그인 후 복사

여기에서는 Object.ass()를 사용하여 새 개체를 만들고 이전 개체와 해당 속성을 소스 개체로 사용합니다. 그런 다음 새 키 이름을 별도의 인수로 사용하여 해당 이름을 제거하려는 이전 키의 이름과 일치하도록 표현합니다. 마지막으로 기존 키를 삭제하면 키 교체가 완료됩니다.

ES6의 객체 분해 방법을 사용하여 키 교체

ES6의 객체 분해는 JavaScript 객체 키를 대체하는 또 다른 방법을 제공합니다. 객체 구조 분해는 객체의 속성을 새로운 이름(별칭 변수)을 가질 수 있는 별도의 변수로 분해하는 방법입니다. 새 키를 별칭으로 사용하면 이전 키를 삭제하여 원하는 키 교체 작업을 생성할 수 있습니다.

const obj = { oldName: "value" }; const {oldName:newName, ...newObj} = obj;

로그인 후 복사

여기서는 새로운 객체를 선언하고, 구조분해 할당을 통해 연산된 객체의 모든 속성을 새로운 객체로 옮깁니다. "..."(확산 연산자)를 사용하여 이전 키의 별칭을 새 개체에 적용합니다. 이러한 방식으로 구조 분해 구문을 사용하면 실제로 대상 객체에 대상 키에 대한 새 이름(별명이라고 함)을 부여할 수 있습니다.

키 교체를 위해 Object.entries() 및 Object.fromEntries() 메서드 사용

Object.entries() 및 Object.fromEntries()는 ES2019에 도입된 최신 기술입니다. 이러한 방법을 사용하면 객체 키 교체를 매우 간단하게 수행할 수 있습니다.

const obj = { oldName: "value" }; const newObj = Object.fromEntries( Object.entries(obj) .map(([k, v]) => [k === "oldName" ? "newName" : k, v]) );

로그인 후 복사

여기에서는 Object.entries() 메서드를 사용하여 객체의 키-값 쌍 목록을 가져옵니다. map() 메서드를 사용하여 이 목록을 변환하고 일치하는 경우 이전 키를 새 키로 바꾼 다음 각각의 새 키-값 쌍을 새 객체에 추가합니다. Object.fromEntries() 메서드를 사용하여 변환된 요소 목록을 새로운 키-값 쌍 객체로 변환합니다.

결론

객체 키 교체는 JavaScript 객체 데이터 작업에 매우 일반적입니다. 우리는 JavaScript가 JavaScript 개체 키 교체를 통해 이를 달성하는 다양한 방법을 제공한다는 것을 확인했습니다. 표준 ES6 메소드를 사용하여 JavaScript 객체의 키를 삭제하고 이름을 바꾸는 것은 쉽습니다. 이를 위해 Object.ass() 메소드, 객체 구조 분해, Object.keys() 및 Object.entries() 메소드를 사용할 수 있습니다. 이러한 전략은 모두 최대 성능, 사용 용이성 및 가독성을 추구합니다.

위 내용은 JavaScript는 객체의 키를 대체합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!