자바스트립트 명령문

for 반복문

for (let i = 0; i < 4; i++) {
    console.log(`i = ${i}`);
}
i = 0
i = 1
i = 2
i = 3

for-in 반복문

  • for (루프변수 in 객체 또는 배열)
  • 객체인 경우 속성의 이름 문자열을 루프변수에 할당
  • 배열인 경우 원소의 값을 루프변수에 할다
let object = { "a": 1, "b": 2, "c": 3 };
for (let p in object) {
    console.log(`property name: ${p}, property value: ${object[p]}`);
}
property name: a, property value: 1
property name: b, property value: 2
property name: c, property value: 3
let array = [1, 2, 3];
for (let a in array) {
    console.log(`${a}`);
}
0
1
2

for-of 반복문

  • Iterable 객체에 대해 iteration
  • Array, Map, Set, String, TypedArray, arguments 객체 등
  • 일반 객체는 Iterable 객체가 아니므로 사용불가
let array = [1, 2, 3];
for (let a of array) {
    console.log(`${a}`);
}
1
2
3
let map = new Map([
  ["a", 1],
  ["b", 2],
  ["c", 3],
]);


for (let [k, v] of map) {
  console.log(`key: ${k}, value: ${v}` );
}
key: a, value: 1
key: b, value: 2
key: c, value: 3
const { JSDOM } = require('jsdom');

const dom = new JSDOM('<p>1</p><p>2</p><p>3</p>');
const paras = dom.window.document.querySelectorAll("p");

for (let p of paras) {
  console.log(p)
}
HTMLParagraphElement {}
HTMLParagraphElement {}
HTMLParagraphElement {}