<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="test01.js"></script>
</head>
<body>
<script>
/*
콜백함수 : 함수 호출시 인수로 함수가 들어가는 형태
배열전용 반복내장함수 forEach, map
*/
const colors = ["red", "green", "blue"];
// ES5
// 반복처리 기능, 유사배열(DOM 반복 가능)
colors.forEach(function(el,index,arr) {
console.log(el);
console.log(index);
console.log(arr);
})
// ES6
// 반복기능외에 추가로 반복도는 배열을 새로운 배열로 복사, (DOM 반복 불가능)
colors.map((el,index,arr)=> {
console.log(el);
console.log(index);
console.log(arr);
})
</script>
</body>
</html>
위의 코드 결과 (forEach와 map 결과는 같다)
