Front-end/Vanila JS

[JS] Loops

탱 'ㅅ' 2024. 6. 20. 14:04

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