콜백함수, 배열전용 반복내장 함수 forEach, map

javascript

콜백함수, 배열전용 반복내장 함수 forEach, map

핑구뱅구 2022. 5. 31. 09:18

<!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>