javascript - 배열(array) 2편

배열(Array) 1편 - Array, length, indexOf, sort, reverse, toString, join, concat, some, every

unshift, push, shift, pop, splice, forEach, map, filter, reduce

unshift

• 배열의 맨앞에 새로운 항목을 추가

  const array = ['A', 'B', 'C', 'D', 'E'];

  array.unshift(0); // [0, 'A', 'B', 'C', 'D', 'E']

push

• 배열의 마지막에 새로운 항목을 추가

  const array = ['A', 'B', 'C', 'D', 'E'];

  array.push(7); // ['A', 'B', 'C', 'D', 'E', 7]

shift

• 배열의 맨앞에있는 항목을 제거

  const array = ['A', 'B', 'C', 'D', 'E'];

  array.shift(); // ['B', 'C', 'D', 'E']

pop

• 배열의 마지막에있는 항목을 제거

  const array = ['A', 'B', 'C', 'D', 'E'];

  array.pop(); // ['A', 'B', 'C', 'D',]

splice(start, count, item1, item2 ...)

• 기존 요소를 삭제 또는 교체하거나 새 요소를 추가
  • start : 시작할 요소의 인덱스
  • count : 제거할 요소의 갯수
  • item1, item2 ... : 배열에 추가할 요소 ( 지정하지 않을시 추가 없이 제거만 실행 )

  const array = ['A', 'B', 'C', 'D', 'E'];

  array.splice(2, 1) // ['A', 'B', 'D', 'E']
  array.splice(0, 2) // ['C', 'D', 'E']
  array.splice(3, 0, 'F') // ['A', 'B' ,'C', 'F', 'D', 'E']

forEach(item, intex)

• 배열의 각 요소를 한 번씩 실행
  • item : 실행할 배열의 요소
  • index : 배열의 순번

  const array = ['A', 'B', 'C', 'D', 'E'];

  array.forEach((item) => 
    console.log(item) // A B C D
  );

map(item, index)

• 배열의 각 원소를 지정된 함수로 실행하여 새로운 배열을 리턴
  • item : 실행할 배열의 요소

  const array = [1, 2, 3, 4];

  // 함수 표현식으로 선언
  const arrayMap = array.map((item) => 
      item * 2
  )

  arrayMap // [2, 4, 6, 8]

filter(item)

• 배열의 각 원소를 지정된 함수로 실행하며 true 인 원소들로 새로운 배열을 리턴
  • item : 처리할 배열의 요소

  const array = [1, 2, 3, 4, 5, 6];

  // 함수 표현식으로 선언
  const arrayFilter = array.filter((item) => 
      item %2 === 0
  )

  arrayFilter // [2, 4, 6]

reduce(prevItem, currentItem, index)

• 배열의 각 원소를 지정된 함수로 실행하며 true 인 원소들로 새로운 배열을 리턴
  • prevItem : 이전 콜백 함수에서 리턴한 값
  • currentItem : 현재 배열 요소의 값

  const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

  // 함수 표현식으로 선언
  const arrayReduce = array.reduce((prevItem, currentItem) => 
      prevItem + currentItem
  )

  arrayReduce // 55