개발공작소
article thumbnail
728x90
반응형

오늘은 Object를 이용하여 반복문을 사용하는 방법을 알아보자.
기존의 배열은 그냥 배열.forEach를 사용하면 됬는데.. ( 배열의 forEach )

Object는 forEach문을 통해서 반복문을 돌릴 수 없다. 그래서 오늘은 그 방법에 대해 알아보려고 한다.

for in문법 활용

============================================================================

기본 문법

 for(var [인덱스] in [객체명])
 {
    alert('키 값 : ' + [인덱스] + ', 속성 값 : '+[객체명][인덱스]);  
 }


우선 테스트용 객체를 하나 생성해주자.

const obj = {
    'name' : 'bome',
    'age' : '29',
    'job' : 'jibsa',
    'catName' : 'mochi'
}


그리고 기본문법에 따라 한번 테스트 해보자.

<!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>   
        const obj = {
            'name' : 'bome',
            'age' : '29',
            'job' : 'jibsa',
            'catName' : 'mochi'
        }

        for(let ob in obj)
        {
            console.log(('키 값 : ' + ob + ', 속성 값 : '+ obj[ob]));  
        }
    </script>
</body>
</html>



실행결과는?


제대로 obj 라는 객체를 for문으로 돌려 콘솔에 찍어주고 있다. 어려운 건 없으니 그냥
잘 기억해두었다가 활용 할 수 있으면 되겠다.

728x90
반응형
profile

개발공작소

@모찌바라기

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!