바르고 뜨겁게

Vanilla JS - Array.map 본문

자바스크립트/Vanilla Js

Vanilla JS - Array.map

RightHot 2019. 5. 21. 23:55


Vanilla JS - Array.map

  • array.map : 배열내의 각각의 argument 에 function을 [실행] 후 [return]

  • return 을 해줘야 값이 저장된다.


 const days = ["Mon", "Tue", "Wed", "Thurs", "Fri"];
 
 
 // 리턴 없음
 const temp = days.map(newArray => console.log(newArray));
 console.log("temp : ", temp);
 
 // 각각의 배열 파라미터에 happy를 추가하여 리턴
 const smilingDays = days.map(newArray => `happy ${newArray}`);
 console.log("smilingDays : ", smilingDays);
 
 // 추가로 index 정보도 제공된다
 const indexSmilingDays = days.map(
    (day, index) => `#${index} ${day}`
 );
 console.log("indexSmilingDays : ", indexSmilingDays);

 Mon
 Tue
 Wed
 Thurs
 Fri
 temp : (5) [undefined, undefined, undefined, undefined, undefined]
 smilingDays : (5) ["happy Mon", "happy Tue", "happy Wed", "happy Thurs", "happy Fri"]
 indexSmilingDays : (5) ["#0 Mon", "#1 Tue", "#2 Wed", "#3 Thurs", "#4 Fri"]


Comments