forEach
:배열에서만 사용 가능한 반복문.
요소값, 인덱스값(배열의 자리값), 배열을 불러올 수 있다는 특징이 있다.
화살표 함수로 요약해서 표현도 가능하며, 반복실행문을 작성할 필요 없이 배열 안의 데이터를 전부 불러올 수 있다.
forEach 배열의 요소를 가져와서 함수를 실행해야 할 때, 배열 안에 저장된 데이터가 많을 때 등의 상황에서 사용한다.
{
const num = [100, 200, 300, 400, 500];
num.forEach(function(element, index, array) {
document.write(element,"<br>");
document.write(index,"<br>");
document.write(array,"<br>");
})
}
forEach는 메서드(method)라고 하여 자주 사용하는 부분들을 자바스크립트가 만들어 놓는 것으로, 함수와 같은 개념으로 생각하는 것이 좋다.
for of
:문자열이나 배열과 같은 반복 가능한 자료에서 사용하는 반복문으로, arr 안에 배열 값이 있는 동안 계속 반복된다.
(변수 of 배열 이름)의 형식을 가지고 있고, 출력해야 할 타겟을 정해 i라고 선언해주어야 한다.
배열 안의 값을 불러올 수 있다.
const arr = [100, 200, 300, 400, 500];
for(let i of arr) {
document.write(i,",");
}
for in
:배열 안의 값을 가져오는 for of와 다르게 for in은 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근하려면 arr[i]처럼 대괄호를 사용해야 한다.
for of처럼 출력문 안에 i만 작성 시에는 배열 안의 값이 출력되지 않고 index 값, 즉 자리값(키)만 출력된다.
객체의 키와 값을 불러오기 위해 만든 반복문이다.
const arr = [100, 200, 300, 400, 500]
for (let i in arr) { //index, 즉 자리값이 출력됨.
document.write(i); or document.write(arr[i]); //전자 작성시 키 출력, 후자 작성시 값 출력
}
map( )
:역시 메서드 함수이다.
map( )은 배열 안의 데이터를 다시 배열로 만드는 것으로 배열 내의 각각의 모든 요소에 대하여 주어진 값을 출력한 결과를 모아 새로운 배열을 반환한다.
forEach문으로 element, index, array를 불러온 것과 같은 값을 출력한다.
const num = [100, 200, 300, 400, 500]
num.map(function(el, i, a){
document.write(el,"")
document.write(i,"")
document.write(a,"")
});
const mapNum = el;
document.write(mapNum,"<br>");