210907 TIL

CoderS·2021년 9월 7일

TIL DAY 40

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

  • reduce 메소드

    • reduce 메소드는 자신을 호출한 배열을 모두 순회하면서 인수로 전달받은 콜백 함수를 반복 호출

    기본적인 형식)

    위에 이미지를 잘 보면 파라미터가 4개로 증가했다. 첫번째만 새롭게 생겼는데 바로....

accumulator(누산기)로 매번 콜백 함수가 동작할 때, 직전에 동작한 콜백 함수가 리턴하는 값의 전달받는 파라미터다

예제 )

결과값 :

  • 콜백함수 마지막에 0을 사용한다.
  • 0은 reducd element로 첫번째 파라미터 값으로 할당된다.
  • 그리고 초기값으로 알려져있다.
  • return 값이 acc + el 이므로 0번째 요소에서 0 + 1을 하면은 1이 된다.
    마찬가지로, 2번째에서는 3 + 3 이므로 3번째 요소에서는 6이 출력이된다.
    그리고 최종값을 6 + 4 이므로 10이 할당된다.

  • sort 메소드

    • 배열을 정리하는 역할을 한다.
    • 유니코드의 정의된 문쟈열 순서에 따라 정렬된다.
      => 유니코드란 각 나라별 언어를 모두 표현하기 위해 나온 코드 체계이다.

    기본 예제 )

    결과값 :

    • letters 변수는 올바른 순서로 정렬되었지만, numbers는 그렇지 않다.
    • numbers는 작은 숫자부터 큰 숫자가 아니라 앞자리 숫자가 클수록 정렬이 완료된다.

    결과값 :

    • sort안에 첫번째 파라미터는 왼쪽부터 그리고 두번째는 오른쪽부터다.
    • 그 말은 즉, a - b는 왼쪽부터 작은숫자로 시작해서 마지막 오른쪽 숫자는 가장 큰 숫자이고, a + b는 왼쪽부터 가장 큰 숫자로 시작해서 마지막 오른쪽 숫자는 가장 작은 숫자이다!

    주의 할 점!

    • sort 메소드는 원본 배열의 순서를 뒤집는 것으로 한번 리턴했으면, 다음번에는 다시 원래대로 돌아갈 수 없다.
  • reverse 메소드

    • 말 그대로 배열의 순서를 뒤집어 주는 메소드
    • 별도의 파라미터가 없으므로 한번 단순이 배열의 순서를 뒤집는다.
    • 원본 배열을 뒤집는 것으로 다시 돌아갈 수 는 없다.

기본 예제 )

결과값 :

  • 오른쪽부터 시작해서 왼쪽으로 뒤집는 거라 밑에 결과로 출력된다,.

느낀점 :

  • 오늘은 reduce, sort 그리고 reverse 메소드들을 배워봤는데, 각자 쓰임새도 다르고 해서 헷갈리지 않게 다시금 외어야겠다.
  • 이렇게나 배열의 메소드가 많은지는 처음 알았다.
profile
하루를 의미있게 살자!

0개의 댓글