ES6 객체 배열을 매핑하여 새 키가 있는 객체 배열 반환

이 게시물은 객체 배열을 매핑하여 새 키를 포함하는 새 배열을 반환하는 방법을 정의합니다.

새 키를 포함하는 객체의 새 배열을 반환하는 객체 배열 매핑

사용 ' 지도() ” 명시된 진술을 처리하는 방법. map() 메서드는 배열을 반복하고 원래 배열의 각 요소를 호출하는 제공된 함수의 결과 값을 추가하여 새 배열을 만드는 데 사용됩니다. 원래 배열을 변경하지 않고 제공된 함수의 결과로 새 배열을 출력합니다.

통사론

map() 메서드에 대해 다음 구문을 사용합니다.

예

'라는 이름의 객체 배열을 만듭니다. arrObj ”:

객체의 키를 인수로 사용하고 모든 배열 요소에 대해 실행할 화살표/콜백 함수를 사용하여 map() 메서드를 호출합니다. 여기에서 '의 키를 설정합니다. arrObj ”를 콜백 함수의 새 키에:

마지막으로 콘솔에 새 키를 사용하여 새 어레이를 인쇄합니다.

'라는 이름의 새로운 객체 배열을 볼 수 있습니다. newArrayObj ”에는 값이 동일하고 재정렬된 방식으로 “신규/업데이트된 키”가 포함되어 있습니다.

이것이 JavaScript에서 새 키가 있는 객체 배열을 반환하도록 객체 배열을 매핑하는 것입니다.

결론

새 키를 사용하여 새 개체 배열의 개체 배열을 매핑하려면 ' 지도() ' 방법. 이 메서드는 개체 배열의 모든 요소를 ​​반복하고 지정된 함수로 콜백 함수를 호출하여 새 배열을 제공합니다. 이 게시물은 새 키가 있는 개체 배열을 반환하기 위해 개체 배열을 매핑하는 절차를 정의했습니다.