[TIL] 005. JavaScript - Array 2 methods

Array.map()

• map은 배열의 모든 요소 각각에 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환(return)한다.

const arr = [1, 2, 3];
const squares = arr.map(x => x * 2); // arr의 요소 마다 * 2

console.log(arr); // [2, 4, 6] 출력

1. 배열타입의 데이터를 요소 갯수 만큼 반복한다.
2. 반복할 때마다 실행할 함수를 매개변수로 전달한다.
3. 그러면 이 callback함수에서 배열의 요소를 인자(x)로 받는다.

---

Array.forEach()

• orEach는 for대신 사용하는 반복문이다. map과의 큰 차이는 forEach함수 자체가 return 하는 것이 없다는 점이다.
• 그냥 forEach함수를 탈출하고 싶을 때 return을 사용하면 된다. forEach는 단지 for문 대신 사용하는 반복 method이다.
• 인자로 요소의 값, 요소의 인덱스, 배열을 받아온다.

let numbers = [20, 11, 33, 10, 7, 77, 2];

numbers.forEach((number, index, array) => {
  // 대상의 값, 인덱스, 배열을 인자로 받아올수있다.
  array[index] = number * 2;
});

console.log(numbers); // // [40, 22, 66, 20, 14, 154, 4] 출력

---

Array.filter()

• filter는 주어진 함수의 테스트를 통과하는(true) 모든 요소를 모아 새로운 배열로 반환한다.
• 인자로 요소의 값, 요소의 인덱스, 배열을 받아온다.

function testFilter (array) {
  array.filter(element => function (n) {
  	return n % 5 == 0;
  });
}
testFilter([5, 10, 13, 14, 15]);