.map()

map() 은 javascript의 배열 메서드중 하나

배열 내 각 요소에 대해 콜백 함수를 호출, 콜백 함수의 결과를 새로운 배열로 반환

사용법

array.map(callbackFunction(currenValue, index, array), thisArg)

callbackFunction, thisArg 두개의 매개변수가 있고callbackFunction은 currentValue, index, array 3개의 매개변수를 갖는다.

• currentValue : 배열 내 현재 값
• index : 배열 내 현재 값의 인덱스
• array : 현재 배열
• thisArg : callbackFunction 내에서 this로 사용될 값

function FruitList(){
	return (
		<ul>
				{fruits.map((fruit) =>{//각각 배열에 있는 요소 apple, banana, orange를 가지고와서 <li></li>안에 넣음
					<li>{fruit}</li>
				))}
		</ul>
	);
}

출력

<ul>
	<li>apple</li>
	<li>banana</li>
	<li>orange</li>
</ul>

전개연산자

spread연산자

배열이나 객체를 펼쳐서 개별요소로 분리하거나, 복사해 새로운 배열이나 객체를 생성할 때 사용.