20240105

Today?

JavaScript 문법 종합반 4, 5주차

DOM이란?

Document(HTML 파일)를 Javascript가 알아먹을 수 있는 Object 형태로 Modeling 한 것
모든 DOM의 node들은 ‘속성’과 ‘메서드'를 갖고있음

node?

웹 페이지를 구성하는 모든 HTML 태그와 텍스트, 그리고 속성 등을 하나의 블록으로 취급하는 것

↑ DOM 트리의 요소(노드)

오늘 배운 것

프로그래머스 코드카타
평균 구하기에서 reduce() 사용하기
JS 문법 종합반에서 보았던 함수인데 실제로 평균 구할 때 어떤 식으로 사용되는지 확인했음...

let solution = arr => {
    let result = arr.reduce(function add(sum, currValue) {
      return sum + currValue;
    }, 0);

    return result/arr.length;
}

자바스크립트에서 배열의 합계와 평균을 구하는 방법으로 reduce( )를 사용
또한, 배열의 역순으로 연산을 원할 때는 reduceRight( )를 사용

reduce( )의 callback 함수
(arr.reduce(function add(sum, currValue) {  return sum + currValue;}, 0);)는 
누적 값과 현재 처리 중인 배열의 element(=currValue)를 파라미터로 받는다.
누적 값과 currValue의 합을 리턴하면 리턴된 값이 callback 함수의 누적 값(sum)으로 전달된다.

그러나 배열에 포함된 객체가 많아지면 reduce를 사용하는 것보다 for문을 돌리는 게 더 빠르다고 함... 왜지?