for 반복문
break나 continue와 같은 제어문을 사용할 수 있다.
초기화, 조건식, 증감식을 사용하여 반복동작을 정밀하게 제어할 수 있다.
배열의 인덱스를 직접 접근할 수 있어 특정 인덱스를 기준으로 반복하는 것이 가능하다.
반복문 내에 다양한 제어와 로직을 처리 시 유연성을 제공한다.
코드가 더 복잡하거나 길어질 수 있다.
const numbers = [1, 2, 3, 4, 5];
let sum = 0;
for(let i=0; i<numbers.length; i++){
sum += numbers[i];
}
console.log(sum); //15
forEach 메서드
짧고 간결한 코드로 배열을 반복할 수 있고 직관적인 구문을 제공한다.
콜백함수를 사용하기 때문에 반복 동작이 가독성이 더 좋다.
인덱스나 배열의 길이를 따로 다룰 필요가 없어서 간결한 코드를 쓸 수 있다.
배열 요소를 순차적으로 실행하기 때문에 배열의 인덱스에 직접 접근이 어렵다.
const numbers = [1, 2, 3, 4, 5];
let sum = 0;
numbers.forEach(num => {
sum += num;
});
console.log(sum); //15
'01_PROJECT > OBJECT _2023' 카테고리의 다른 글
[ JavaScript ] Set, 중복된 값을 허용하지 않는 고유한 값을 저장하는 자료구조 (0) | 2023.08.04 |
---|---|
[ JavaScript ] 정규식과 관련된 편리하고 유용한 메서드를 알아보자 (0) | 2023.08.03 |
[ JavaScript ] scrollIntoView()로 스크롤을 원하는 위치로 이동하기 (0) | 2023.08.03 |
[ css ] 스크롤 상관없이 동일한 위치에 요소를 고정시키기 position: fiexd (0) | 2023.08.03 |
[ css ]요소가 부드럽게 나타나고 사라지게 하려면 opacity를 쓰자 (0) | 2023.08.03 |