티스토리 뷰

HTML&CSS&Javscript&Jquery

190819 map 예제

猫猫 2019. 8. 23. 17:28
반응형
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var a = [7,8,9];
        var b = [4,5,6];

        result = a.map(function(item, index){//배열의 map매서드는 함수형 첫번째는 데이터를 꺼내오고 두번째는 그게 몇번쨰에 있는지 알려준다. 
            console.log("a = ",item,"a's index = "+index);
            return item += b[index]; // 아니면 a[index]*100 //아니면 item*100
        });
        console.log(result);
    </script>
</head>
<body>
    
</body>
</html>
반응형
저작자표시 비영리 변경금지

'HTML&CSS&Javscript&Jquery' 카테고리의 다른 글

190819 reduce,map 예제  (0) 2019.08.23
190819 reduce  (0) 2019.08.23
190822 회원가입/로그인 Javascript로 구현하기  (0) 2019.08.23
190822 장바구니 / 장바구니 비우기 구현  (0) 2019.08.23
190822 select 이벤트, textarea 연습  (0) 2019.08.23