AS 3 | JS - 반복문...?

forEach 와 map

forEach는 반복문 효과를 내는 배열의 메서드이다. 인수로 함수를 넣고, 이 함수가 각각의 배열 요소들에 순서대로 적용되는 구조!

const array = [1,3,5,7];
array.forEach((number, index) => {
  console.log(number, index);
});

map도 반복문 역할을 하지만, 반환값이 있다는 점이 forEach와의 차이점이다. map은 기존 배열의 요소를 일대일로 다른 값으로 바꾼다. but, 기존 배열의 값이 바뀌는게 아니라 새로운 배열을 만든다!!

const array = [1,3,5,7];
const newArray = array.map((number, index) => {
  console.log(number, index);
  return number + 1;
});
console.log(array);	//[1,3,5,7]
console.log(newArray);	//[2,4,6,8]

+ 추가

배열의 메서드는 매우 강력하기 때문에 for문을 사용하는 내용의 모든 값을 배열로 만들어서 처리할 수 있다.
기존 for문을 사용한 코드

const numbers = [];
for(let n = 1; n <= 9; n += 1) {
  numbers.push(n);
}

배열과 map을 사용한 코드

const numbers = Array(9).fill().map((v,i) => i + 1);

fill()은 배열의 요소로 undefined를 채워 넣는 메서드이다.

AS 3 day
중간에 넣은 이미지가 줄어들지 않는다
미리보기에서는 줄어드는데 왜 업로드만 하면 커질까....🤷🏻‍♂️