JavaScript를 사용하여 JSON 요소의 키와 값을 교환하는 방법은 무엇입니까?

여기에서는 JavaScript를 사용하여 JSON 요소의 키와 값을 교환하는 방법을 배웁니다. JavaScript에서 객체는 키-값 쌍을 저장합니다. 따라서 두 개의 일반 변수를 바꾸는 것처럼 키와 값을 바꿀 수 있습니다.

이 튜토리얼에서는 JavaScript를 사용하여 JSON 요소의 모든 키 값을 교환하는 다양한 방법을 배웁니다.

for 루프를 사용하세요

for 루프를 사용하여 JSON 개체의 키를 반복할 수 있습니다. 그런 다음 키를 사용하여 객체의 값에 액세스할 수 있습니다. 따라서 객체의 모든 키와 값을 교환할 수 있습니다.

또한 새 빈 개체를 만들고 교체 후 해당 개체의 키와 값을 저장해야 합니다.

문법

사용자는 for 루프를 사용하여 다음 구문에 따라 JSON 요소의 키와 값을 교환할 수 있습니다.

으아악

위 구문에서는 키를 사용하여 객체의 값에 액세스하고, new_obj의 경우 값을 키로 사용하고 키를 값으로 사용합니다.

예 1

아래 예에서는 고유한 키-값 쌍을 포함하는 객체를 생성합니다. 추가적으로, 교체된 키와 값을 저장하기 위해 빈 new_obj 객체를 생성합니다. 그런 다음 for 루프를 사용하여 객체의 키를 반복합니다. for 루프에서는 JSON 요소의 특정 키 값에 액세스합니다.

객체의 키와 값을 new_obj 객체에 추가하는데, 그 값을 키로 사용하고 키를 교환할 값으로 사용합니다. 출력에서 사용자는 new_obj의 키-값 쌍이 교환되는 것을 관찰할 수 있습니다.

으아악

Object.keys() 및 forEach() 메소드 사용

Object.keys() 메소드를 사용하여 배열 형식으로 객체의 키를 얻을 수 있습니다. 그런 다음 forEach() 메서드를 사용하여 키 배열을 반복할 수 있습니다.

모든 키를 반복하는 동안 특정 키의 값에 액세스하여 이를 새 객체의 키로 사용할 수 있습니다.

문법

사용자는 아래 구문에 따라 Object.keys() 및 forEach() 메서드를 사용하여 JSON 개체의 모든 키와 값을 교환할 수 있습니다.

으아악

위 구문에서는 "student_obj[objectKey]"를 사용하여 swapped_obj 개체의 키 역할을 하는 개체에서 값을 가져옵니다.

예 2

이 예에서는 학생의 다양한 속성과 그 값을 포함하는 Student_obj 개체를 만들었습니다. 그런 다음 Object.entries() 및 forEach() 메서드를 사용하여 객체의 모든 키와 값을 교환하고 이를 swapped_obj 객체에 저장합니다.

으아악

Object.entries() 및 map() 메소드 사용

Object.entries() 메소드를 사용하면 객체의 모든 키와 값을 배열 형식으로 가져올 수 있습니다. 이전 키-값 쌍을 교환한 후 map() 메서드를 사용하여 새 키-값 쌍을 매핑할 수 있습니다.

배열 분해 속성을 사용하여 각 키와 값 쌍을 교환할 수 있습니다.

문법

사용자는 다음 구문에 따라 Object.entries() 및 map() 메서드를 사용하여 JSON 요소의 키와 값을 교환할 수 있습니다.

으아악

위 구문에서는 각 키와 값 쌍의 순서가 바뀌었습니다. 그래서 키는 값이 되고, 값은 키가 됩니다. 또한 Object.fromEntries() 메소드를 사용하여 키와 값 항목에서 객체를 생성합니다.

예 3

이 예에서는 테이블 속성이 포함된 테이블 개체를 정의합니다. 사용자가 버튼을 클릭하면 swapKeyValues() 함수가 호출됩니다.

swapKeyValues() 함수에서는 객체의 각 키와 값 쌍을 교환하고 이를 FinalObject 배열에 저장합니다. 그런 다음 Object.fromEntries() 메서드를 사용하여 finalObject 배열을 JSON 객체로 변환하고 이를 newObject 변수에 저장합니다

으아악

JSON 요소의 키와 값을 교환하는 세 가지 방법을 배웠습니다. 추가적으로 array.reduce() 메소드와 Object.entries() 메소드를 사용하여 객체의 키와 값을 교환할 수 있습니다.

위 내용은 JavaScript를 사용하여 JSON 요소의 키와 값을 교환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!