04. Array Cardio Day 1

프로젝트 소개

여러가지 array method를 연습

배운 것들

Array.prototype methods

1. 원본 배열을 변경하는 메소드

(1) push()
(2) pop()
(3) shift()
(4) unshift()
(5) reverse()
(6) sort() or sort(a, b)
: 원리는 a와 b를 비교해서 a가 크면, +, b가 크면 -, 똑같으면 0을 반환하며, array 내 모든 item을 돌면서 비교해서 정렬하는 방식임
: 문자인 경우는 sort()로 바로 적용가능하고, 숫자인 경우 a-b 의 차이를 반환하여 정렬가능
https://dudmy.net/javascript/2015/11/16/javascript-sort/
(7) splice()

2. 원본 배열은 변경하지 않고 참조만 하는 메소드

(1) join()
(2) slice()
(3) concat()
(4) toString()

3. 원본 배열을 반복적으로 참조하는 메소드

(1) forEach()
(2) map()
(3) filter()
: callback 함수 조건을 만족시키는 요소들을 선별한 list를 new array로 반환
(4) every()
(5) some()
(6) reduce(accumulator, currentValue)
: array 요소를 돌면서 하나씩 바구니에 담듯, accumulator에 currentValue를 축적
: 여러 요소를 하나의 값으로 반환시키는 경우 활용
: 결과값을 return 해야함
: 아래 코드에서, if 문은 접근을 시도하기 전에 초기값을 설정해주는 역할을 하는데, 만일 if 문을 생략하면, 아직 없는 항목에 접근하여 +1을 하려고 하여 에러가 남.(주의!)

const data = [
      'car',
      'car',
      'truck',
      'truck',
      'bike',
      'walk',
      'car',
      'van',
      'bike',
      'walk',
      'car',
      'van',
      'car',
      'truck',
    ];

    const result = data.reduce((obj, each) => {
      if (!obj[each]) {
        obj[each] = 0;
      }
      obj[each]++;

      return obj;
    }, {});

(7) reduceRight()
(8) entries()
(9) keys()
(10) values()

http://www.tcpschool.com/javascript/js_standard_arrayMethod

느낀 점

• 각 method 별 기본 개념은 이해되지만, 구체적으로 어떤 경우에 사용해야하는지 이해가 안됨