본문 바로가기
JS

221228 JS for~in

for in
자바의 향상된 for문과 조금 다르다

for~in문 안에서 console.log로 변수값을 넣으면 인덱스가 나온다.


객체

var obj = {a:'1', b:'2'};
a,b가 키. 1,2,가 값.
for~in에서 console.log(i)는 키값이 나온다

<!DOCTYPE html>
<html lang="en">
<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>
</head>
<body>
    <script>
        //for ~ in

        //배열에서는 index를 담는다.
        var arr=[1,2,3,4,5];
        for(var i in arr){
            // console.log(i);//i는 인덱스
            console.log(arr[i]);//배열의 값
        }

        //객체에서는 키를 담는다.
        var obj = {a:'1', b:'2'};
        for(var i in obj){
           // console.log(i);//i는 키를 담는다
           console.log(obj[i]);//객체의 값
        }

        

    </script>
</body>
</html>

'JS' 카테고리의 다른 글

221228 JS 함수-선언적 함수, 호이스팅  (0) 2022.12.28
221228 JS 탈출문  (0) 2022.12.28
221228 JS 반복문  (0) 2022.12.28
221228 JS 조건문  (0) 2022.12.28
221228 JS 배열함수  (0) 2022.12.28