📖 [JS] 반복문으로 배열과 객체 순회

 

순회란?

 

배열, 객체에 저장된 여러개 값에 순서대로 하나씩 접근하는 것을 말함

// 배열 순회

let numbers = [1, 2, 3];

// 객체 순회

let person = {
    name:"kim",
    age: 27,
    hobby: "game"
};

// 반복문을 이용한 배열, 객체 순회

for (let value of numbers) {
    console.log(value);
}

for (let key in Object.keys(person)) {
    console.log(key);
}

 

 

// 배열 순회
let arr = [1, 2, 3];

// 배열 인덱스
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

// for of 반복문
for(let item of arr) {
    console.log(item);
}

// 인덱스를 이용하는 방식은 이런 식으로 카운터 변수에 index 저장되기 때문에
// for문 안에서 index를 통한 활동을 할 수 있다.

 

 

// 배열 순회
let arr = [1, 2, 3];

// 배열 인덱스
for(let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

// for of 반복문
for(let item of arr) {
    console.log(item);
}

// 객체 순회
let person = {
	name: "kim"
    age: 11,
    hobby: "game"
};

// object.keys 내장 함수 사용
// 객체에서 key 값들만 뽑아서 새로운 배열로 반환

let keys = Object.keys(person);
console.log(keys);

for(let i = 0; i < keys.length; i++) {
	console.log(keys[i]);
}

for(let key of keys) {
	console value = person[key];
	console.log(key,person[key]);
}

// Object.values 내장 함수 사용
// 객체에서 values 값들만 뽑아서 새로운 배열로 반환
let values = Object.values(person);

for(let value of values) {
	console.log(value);
} 

// for in
for(let key in person){
	const value = person[key];
	console.log(key);
} 

// for of는 배열에만 사용할 수 있고, for in은 객체에만 사용할 수 있다.