for
while
let i = 0
do {
console.log(`Number ${i}`)
i++
}
while (i < 10)
*continue : 현재 루프를 skip
*break : 루프 자체를 stop
배열 반복
// LOOP THROUGH ARRAY
const items = [1, 2, 3]
// FOR
for (let i = 0; i < items.length; i++) {
console.log(items[i])
}
// FOREACH
items.forEach(function (item, index, array) {
console.log(`${index}: ${item}`)
})
// MAP
items.map(function (item, index, array) {
console.log(item)
})
작동 여부 | for | forEach |
break문 | ○ | X |
await | ○ | △ |
평균적인 속도는 for가 forEach보다 조금 더 빠르지만
코드에서 중요한 건, 가독성(readability)이기 때문에 큰 차이가 아니라면
목적과 가독성에 맞추어 선택하자
'Front-end > Vanila JS' 카테고리의 다른 글
[JS] DOM: Document Object Model (0) | 2024.06.20 |
---|---|
[JS] Math 객체 (0) | 2024.05.23 |
[JS] variables - var, let, const (scope, hoisting) (0) | 2024.04.29 |
[JS] CSS in JS (0) | 2024.04.25 |
[JS] Console 객체 (0) | 2024.04.24 |