ES6 <array function helper method>

NasK!m_311·2023년 5월 30일
0

ES6

목록 보기
5/8
post-thumbnail

{ map( ) }
: 주어진 함수를 사용하여 원래 배열의 각 요소에 대해 새로운 배열을 생성한다.
(기존 배열 변경X , 새로운 배열 반환 O)

배열.map((요소, 인덱스, 배열) => {
  // 변환 작업을 수행하는 로직
  // 변환된 결과로 새로운 배열 생성
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const doubledNumbers = numbers.map((num) => num * 2);
  console.log(doubledNumbers); // [2, 4, 6, 8, 10]

{ filter( ) }
: 주어진 함수(조건식)의 조건을 만족하는 요소들로 이루어진 새로운 배열을 생성한다.

배열.filter((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
  // 조건을 만족하는 요소들로 새로운 배열 생성
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const evenNumbers = numbers.filter((num) => num % 2 === 0);
  console.log(evenNumbers); // [2, 4]

{ forEach( ) }
: 배열의 각 요소에 대해 주어진 함수를 실행한다.
반복문과 유사한 역할을 하며, 주로 배열의 요소를 순회하면서 작업을 수행할 때 사용된다.

배열.forEach((요소, 인덱스, 배열) => {
  // 작업을 수행하는 로직
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  numbers.forEach((num) => console.log(num + 1));
  // 2
  // 3
  // 4
  // 5
  // 6

{ find( ) }
: 주어진 조건을 만족하는 첫 번째 요소를 반환하는 배열함수이다.
조건을 만족하는 요소가 없을 시, undefined를 반환한다.

배열.find((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const foundNumber = numbers.find((num) => num > 3);
  console.log(foundNumber); // 4

{ reduce( ) }
: 배열의 각 요소에 대해 주어진 함수를 실행하고, 하나의 결과값(최종 결과값)을 반환한다.

배열.reduce((누적값, 현재값, 인덱스, 배열) => {
  // 계산 논리
  return 새로운_누적값;
}, 초기값);

ex)
  const numbers = [1, 2, 3, 4, 5];

  const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
  console.log(sum); // 15

-> 초기값을 지정하지 않을 경우, 첫 번째 요소가 초기값으로 사용되며 두 번째 요소부터 계산이 시작됩니다.


{ every( ) }
: 배열의 모든 요소가 주어진 조건을 만족하는지를 확인하는 배열함수이다.
이 메소드는 배열의 모든 요소가 주어진 함수의 조건을 만족하면 true를 반환,
그렇지 않으면 false를 반환한다.

배열.every((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
  // 모든 요소가 조건을 만족하는지 여부를 반환
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const allPositive = numbers.every((num) => num > 0); // 모든 요소가 양수인지 확인하는 조건
  console.log(allPositive); // true

  const allLargerNumTwo = numbers.every((num) => num > 2); // 모든 요소가 숫자'2'보다 큰지 확인하는 조건 
  console.log(allLargerNumTwo); // false

{ some( ) }
: 배열의 요소 중 하나 이상이 주어진 조건을 만족하는지를 확인하는 배열함수이다.
이 메소드는 배열의 요소 중 하나라도 주어진 함수의 조건을 만족하면 true를 반환,
그렇지 않으면 false를 반환한다.

배열.some((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
  // 하나 이상의 요소가 조건을 만족하는지 여부를 반환
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const hasNegative = numbers.some((num) => num < 0); // 요소 중 음수가 있는지 확인하는 조건
  console.log(hasNegative); // false

  const allLargerNumTwo = numbers.every((num) => num > 2); // 요소 중 숫자'2'보다 큰 요소가 있는지 확인하는 조건
  console.log(allLargerNumTwo); // true	

profile
메리아빠, 먹다가 죽어도 되는 개발자.(살뺴자....)

0개의 댓글