map 메서드를 for 반복문으로 써보자.

MDN에 map메서드 예제를 가져왔다.

const array1 = [1, 4, 9, 16];

const map1 = array1.map(x => x * 2);

console.log(map1);
// [2, 8, 18, 32]

위의 map메서드를 이용한 예제를 for반복문으로 써보자.

const array1 = [1, 4, 9, 16]

// 빈 배열을 생성
const map1 = []
// for 반복문 구문 작성
// i < array1.length에서 인덱스가 array1.length 보다 작아야하는 이유
// array1의 요소는 총 4개이고, 그럼 반복문은 i < 4 조건을 만족 할 때 까지 반복한다.
// 조건을 만족하면 i는 0, 1, 2, 3 이 된다. 
for (let i = 0; i < array1.length; i++) {
	// 조건을 만족하면 i는 0, 1, 2, 3이고 array1의 배열을  0, 1, 2, 3 숫자를 넣으면 결과값은
    // 0번째 배열인 1은 2가 되고 1번째 배열인 4는 8
	const result = array1[i] * 2
    // 위의 결과값은 map1 배열에 push
    map1.push(result)
}

console.log(map1)
// [2, 8, 18, 32]

이제 for문을 while문으로 바꿔보자.

const array1 = [1, 4, 9, 16]

const map1 = []
let i = 0

while (i < array1.length) {
	const result = array1[i] * 2
    map1.push(result)
    i++
}

console.log(map1)
// [2, 8, 18, 32]