TIL 08 배열 순회

01.  for문

배열을 순회하는 가장 기본적인 방법은 for문을 이용하는거다.

 

const arr = [1, 2, 3, 4, 5];

for(let i=0; i<arr.length; i++) {
	console.log(arr[i])
    }	//	1 2 3 4 5 출력

 

02.  Array.map()

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

 

let nums = [1, 2, 3, 4, 5, 6];
let newArr = nums.map(num => num*num);

console.log(nums);	// [1, 2, 3, 4, 5, 6]
console.log(newArr);	// [1, 4, 9, 16, 25, 36]

내부 콜백함수에서 인자를 하나만 받으면 배열내 값을 받는것이다. map() 메서드에 이용된 원본배열은 변하지 않는다.

 

03.  Array.foreach()  

foreach() 메서드는 map메서드와 같이 배열 내의 모든 요소에 접근하지만 다른점은 따로 반환하는게 없다.

for문 대신 사용하는 메서드라고 생각하면된다. 

 

let newArr = [];	// 빈 배열 생성
let arr = [2, 4, 6, 8, 10];

arr.foreach(num => {
	newArr.push(num*2);
});

console.log(arr); 	// [2, 4, 6, 8, 10]
console.log(newArr);	//[4, 8, 12, 16, 20]

 

04. for of 문

for of문은 Array Map set같은 반복가능한 객체에 대해서 사용이 가능한 명령문이다.

 

const fruits = ['apple', 'melon', 'orange', 'watermelon'];

for(let fruit of fruits) {
	console.log(fruit);
}	// apple melon orange watermelon 출력