- JavaScript에서 객체에 대한 맵 함수를 만드는 방법
- 맵 함수 생성 및 속성 표시
- JavaScript에서 map.set()을 통해 맵 함수 생성 및 값 할당
- JavaScript의 Object.entries() 메서드
JavaScript에서 객체에 대한 지도 함수를 만드는 방법은 무엇입니까?
JavaScript는 키-값 쌍으로 작동하는 객체에 대해 map() 메서드를 제공합니다. 키 값을 활용하여 객체에 대한 다양한 연산을 수행하는 데 유용합니다. 객체의 요소를 반복하여 array.map() 메서드와 유사하게 작동합니다. 객체에 대한 맵 기능을 고려하여 구문은 다음과 같이 작성됩니다.
통사론
지도 ( 기능 ( 요소, 인덱스 )
이 구문에서 기능 반복하다 요소 통해 인덱스 값.
메모 : 지도() 메소드는 새로운 객체를 생성하지 않고 인덱스 값을 통해 기존 객체를 수정합니다.
예 1: 맵 함수 생성 및 속성 표시
예제는 맵 기능을 만들고 속성에 다른 값을 할당하도록 조정되었습니다. map() 메서드는 객체의 모든 속성을 반복합니다. 마지막으로 콘솔 창에 모든 속성을 해당 값과 함께 표시합니다. 다음 코드는 다음과 같이 실행됩니다.
암호
콘솔. 통나무 ( '객체에 대한 맵 함수 생성' ) ;하자 Stud_Obj = {
'수학_마크' : 80 ,
'영어_마크' : 77 ,
'물리학_마크' : 90 } ;
물체 . 열쇠 ( Stud_Obj ) . 지도 ( 기능 ( 핵심 가치 ) {
} ) ;
콘솔. 통나무 ( Stud_Obj ) ;
이 코드에서:
- 이름으로 객체가 생성됩니다. 'Stud_Obj' 다음을 포함하여 다양한 속성을 가지고 있습니다. 'Math_Marks', 'English_Marks' 그리고 '물리학_마크'.
- 이러한 속성에는 서로 다른 “80, 77, 90” 콜론에 의해 할당된 값.
- 이후, 개체 키 객체의 속성을 반환하는 데 사용됩니다. 'Stud_Obj'.
- 지도() 함수는 키-값 쌍을 통해 객체에 있는 모든 속성을 호출합니다.
- 결국, console.log() 방법은 개체를 표시하는 데 사용됩니다 'Stud_Obj' 콘솔 창에서.
산출
출력은 모든 속성을 반환합니다. 'Math_Marks', 'English_Marks' 그리고 '물리학_마크' 콘솔 창에서 할당된 값으로
예 2: 맵 함수 생성 및 값 할당
예제는 다음을 활용하여 새 지도 객체를 만드는 데 사용됩니다. 새로운 예어. 그 후, map.set() 메소드는 JavaScript 코드에서 속성을 할당하는 데 사용됩니다.
암호
콘솔. 통나무 ( '객체에 대한 맵 함수 생성' ) ;지도하자 = 새로운 지도 ( ) ;
지도. 세트 ( '해리 아이디' , 04 ) ;
지도. 세트 ( '피터 아이디' , 08 ) ;
지도. 세트 ( 'John_id' , 07 ) ;
obj_ids하자 = 정렬 . ~에서 ( 지도 ) . 줄이다 ( ( obj_ids, [ 핵심 가치 ] ) => (
물체 . 양수인 ( obj_ids, { [ 열쇠 ] : 값 } )
) , { } ) ;
콘솔. 통나무 ( obj_ids ) ;
코드에 대한 설명은 다음과 같습니다.
- ㅏ 지도 객체는 다음으로 생성됩니다. 새로운 개체의 속성을 반복하는 키워드입니다.
- 그 후, map.set() 메소드는 속성을 할당하여 활용됩니다. '해리 아이디' , '피터 아이디' 그리고 'John_id'.
- 이러한 속성에는 다음을 포함한 고유 값이 있습니다. '04', '08', 그리고 “07” 각기.
- 또한, Array.from() 메서드는 다음에서 배열을 반환합니다. 지도 물체.
- 그 후, 줄이다() 메소드가 다시 호출 obj_ids 다음으로 모든 속성을 추출합니다. 가치 .
- 그만큼 Object.assign() 메서드를 통해 각 속성에 특정 값을 설정합니다. 열쇠 .
- 마지막으로, console.log() 메소드는 모든 속성을 나타냅니다. 물체 통과하여 'obj_ids' .
산출
예제 3: JavaScript의 Object.entries() 메서드
자바스크립트는 Object.entries() 메서드를 기반으로 객체의 모든 속성을 반환합니다. 핵심 가치 한 쌍. 고려하여 Object.entries() 방법으로 코드를 작성하면 다음과 같습니다.
암호
콘솔. 통나무 ( '객체에 대한 맵 함수 생성' ) ;상수 sports_obj = {
첫 번째 : '크리켓' ,
초 : '축구' ,
제삼 : '하키' ,
}
상수 중 = 새로운 지도 ( 물체 . 항목 ( sports_obj ) ) ;
콘솔. 통나무 ( 중 ) ;
코드에 대한 설명은 다음과 같습니다.
- 첫째, 객체 'sports_obj' 다른 속성을 포함하여 생성됩니다. '첫번째 두번째' 그리고 '제삼'.
- 이러한 속성은 다음과 같이 다른 값을 갖습니다. '크리켓', '축구' 그리고 '하키'.
- 그 후, Object.entries() 메소드가 객체를 받아들인다 'sports_obj' 모든 속성을 반환하고 변수에 저장합니다. '중'.
- 마지막으로, console.log() 메서드는 콘솔 창에 개체의 속성 목록을 표시하는 데 사용됩니다.
산출
출력은 속성 수를 '3'으로 표시하고 콘솔 창에 값이 있는 모든 속성을 표시합니다.
결론
자바스크립트는 지도() 객체의 속성과 상호 작용하는 지도 기능을 만드는 방법입니다. 키 값을 사용하여 개체의 모든 속성을 반복합니다. 또한, map.set() 메소드는 객체의 속성을 할당하는 데 사용됩니다. 더욱이, Object.entries() 메소드는 JavaScript에서 지도 함수를 생성한 후 객체의 모든 속성을 반환합니다. 이 문서에서는 개체에 대한 맵 함수 생성을 보여주고 콘솔 창에 개체의 모든 속성을 표시합니다.