1116 - js_map 메소드

오늘은 두번째 벨로그 작성을 해볼게요~

자바스크립트에 map 메소드 활용법을 알아봐요!

map 메소드

map 메소드는 배열의 요소를 모두 변경 하는 경우, 객체의 map 메소드를 활용한다. 콜백 함수를 인자로 받아, 콜백 함수의 return으로 반환되는 값들을 새로운 배열에 만들어요. 먼저 예제를 확인해볼게요.

결과 값 :

객체인 요소를 가진 배열을 변수 '배열'에 선언해요.

map 메소드를 통해 arr 배열의 각 요소가 매개변수 el로 전달된 후,

각 요소의 가격 속성에 10%을 인상시켜, 다시 속성 가격에 대입해요.

콜백 함수의 리턴값에 따라 반환되는 배열 값이 바뀌는 것이 map 메소드에 특징이에요.

console.log를 찍어보면 배열2는 속성만 변경하여 다시 객체를 반환했기 때문에, 배열2 변수에는 객체 요소로 구성된 배열이 반환된 것을 알 수 있어요.

콜백 함수는 전달된 요소의 name 속성만 반환하다. 따라서 배열3 변수에는 문자열로 구성된 새로운 배열이 할당됩니다.~~

다음에는 콜백함수에 대해 포스팅 해보도록 할게요,