map 함수

const arr = [0,1,2,3];

 

let squaredArr = arr.map(function(element){

return element * element;

});

// 혹은 arrow 함수 가능

squaredArr = arr.map(element => element * element);

 

console.log(squaredArr); // [ 0, 1, 4, 9 ]

 

 

배열속 숫자들이 제곱이되어 나옴

 

 

 

 

let array1=[1,2,3]

 

let map1=array1.map(x=>x*10)

 

console.log(map1);

 

 

 function park(el) {

  return el*10;

}

 

[1,2,3].map(function(el){return el*10});

 

[1,2,3].map(el => el*10);

 

 

port React from "react";

import "./styles.css";

 

const arr = [{ name: "과일", path: "fruit" },{ name: "생선", path: "fish" }];

const addSmile = day => (

<li><a href={day.path}>{day.name}</a></li>

)

 

class App extends React.Component {

render(){

return (

<div className="App">

{arr.map(addSmile)}

</div>

 

);

}

}

 

export default App

 

 

 

 

es6 문법 `  $주의 

 

 

const days = ['mon','tue','wde','thurs','fri'];

const addSmile = day => `hello${day}`;

const smilingDays = days.map(addSmile);

console.log(smilingDays);