본문 바로가기

Js

13. 다양한 for문

  for in

'for in'은 배열의 순번을 활용하기 위한 반복문이다.

let person = {
    "이름" : "홍길동",
    "나이" : 20,
    "주소" : "인천시 미추홀구
};

for (let key in person) {
    console.log(key);
    console.log(person[key]);
}

  for of

'for of'는 배열의 원소를 순차적으로 활용하기 위한 반복문이다.

let arr = ["apple", "banana", "pear", "peach"];

for(let v of arr) {
    console.log(v);
}

// for of를 풀어써보면
for(let i = 0; i < arr.length; i++) {
    let v = arr[i];
    console.log(v);
}

  forEach(v, idx, array)

'forEach'는 배열 순회 전용 메소드이다. 이때 v, idx, array는 변수 이름으로, 마음대로 작성 가능하다.

let new_arr = arr.forEach(function(item, idx){
    console.log(item);
    console.log(idx);
});

arr.forEach(function(item, idx){
    console.log(`${idx}번째 값은 ${item}이다.`);
});

'Js' 카테고리의 다른 글

15. classList 외 다양한 키워드  (0) 2022.09.07
14. 함수  (0) 2022.09.05
12. 배열 메소드  (0) 2022.09.02
11. 참고  (0) 2022.09.01
10. 배열  (0) 2022.08.23