[ JavaScript 문법 종합반 1주차 (13)] 배열과 배열 메소드(2)

 

1. forEach() 메소드 : forEach() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행한다.

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.log(number);
});

* 매개 변수 자리에, 함수(function)을 넣는것 : 콜백함수

forEach문이 처음에 잘 이해가 되지않아 수업외 구글링을 통해서 재학습하고, 항목을 조금 변경해서 뚝딱 거려보니 내용을 이해 할 수 있게 되었다.

forEach() 메소드는 배열에서 루프를 돌 때 사용 하는데 배열된 항목을 추가해서 업데이트 하고 싶으면 두번째의 이미지와 같이 진행하면 쉽게 가능하더라.

 

 

2. map() 메소드 : map() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환한다.

let numbers = [1, 2, 3, 4, 5];

let squaredNumbers = numbers.map(function(number) {
  return number * number;
});

console.log(squaredNumbers);   // [1, 4, 9, 16, 25]

map메서드를 사용시 return문은 꼭 함께 사용해야한다. Why? 기존에 있었던 배열을 가공해서 새로운 역활을 생성하는것이 map의 역활!

 

 

3. filter() 메소드 : filter() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 요소만 새로운 배열로 반환한다.

let numbers = [1, 2, 3, 4, 5];

let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.log(evenNumbers);   // [2, 4]

 

4. find() 메소드 : find() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 첫 번째 요소를 반환한다.

let numbers = [1, 2, 3, 4, 5];

let foundNumber = numbers.find(function(number) {
  return number > 3;
});

console.log(foundNumber);   // 4