[Javascript] for of / for in

for of

배열의 반복에서 사용되며 

아래와 같은 코드를 작성했다면 출력은

let arr1 = [1, 2, 3];
	for( let value of arr1 ){
    		console.log( value );
}

인덱스의 값을 순차적으로 출력

 

 

 

배열이 아닌 객체에 사용해서 출력한다면?

let arr1 = {
	a = 1, b = 2, c = 3
}
	for( let value of arr1 ){
    	console.log( value );
}

 

 

 

TypeError: 배열 arr1 은 반복이 불가능

 

추가 예제

let arr2 =new  Array( 10, 20, 30, 40) ;
	for( let value of arr2 ) {
    	console.log(value);
}

 

 

 

 

for in

객체를 순활할 떄 사용되며,

아래와 같은 코드를 작성했다면 출력은

let arr1 ={
    a : 1, b : 2, c : 3
};
for ( let i in arr1) {
    console.log( i , arr1[i] );
}

데이터와 인덱스 값을 순차적으로 출력

 

배열로 선언한다면?

let arr1 = [1, 2, 3];
    for ( let i in arr1) {
    	console.log( i , arr1[i] );
}

자바스크립트에서는 배열도 object 타입으로 인식하기 떄문에 가능

 

 

2차원 배열  추가 예제

 

let arr1 = [
    [10, 20, 30],
    [40, 50, 60],
    [70, 80, 90],
];

for( let i in arr1){
    for( let j in arr1){
        console.log( i, j ,arr1[i][j]);
    }
}