[JavaScript] concat 과 reduce

youngseo·2022년 7월 27일
0

Javascript

목록 보기
44/46

concat

  • concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다.
  • 기존 배열을 변경하지 않습니다.
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3)
// expected output: Array ["a", "b", "c", "d", "e", "f"]

reduce

배열.reduce((누적값, 현재값, 인덱스, 요소) => {
  return 결과
}, 초기값)
  • reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.
  • 누적값(acc), 현재값(cur), 현재인덱스(idx), 원본배열(src) 값을 가집니다.
  • 반환값의 경우 acc에 할당되고, acc는 순회 중 유지되므로 최종결과는 하나의 값이 됩니다.
const array1 = [1, 2, 3, 4];

// 0 + 1 + 2 + 3 + 4
const initialValue = 0;
const sumWithInitial = array1.reduce(
  (previousValue, currentValue) => previousValue + currentValue,
  initialValue
);

console.log(sumWithInitial);
// expected output: 10

reduce와 concat이용

if(pickedCards.length > 2) {
  const names = pickedCards.reduce((acc, cur) => {
    return acc = acc.concat(`${cur.name}, `)
  }, "")

  return  alert(`당첨자는 ${names} 입니다.`)
}

0개의 댓글