1. 새로 배운 문법

요번에 나름 새로 배운 문법이 많아서 정리해두려고 한다. 굳이 자세하게 설명하진 않겠다. 검색하면 다 나오니깐 말이다.

1-1. array와 관련된 문법

1. pop()

array의 마지막 원소를 제거한 array를 리턴한다.

2. sort()

알파벳 순서, 또는 숫자 순서대로 array를 분류한다. default는 오름차순이다.

그러나 default sort를 사용하면 숫자를 분류할때 맨앞자리만 놓고 분류하므로 실제 숫자의 크기대로 비교하지 않는다. 이때는 sort안에 분류함수를 pass해줘야한다. 아래처럼 말이다.

var numbers = [4, 2, 5, 1, 3];

numbers.sort(function(a, b) {
  return a - b;
});

3. reduce(callBackfunc,initialVal)

pass한 함수대로 초기값에 array안에 있는 원소를 계산하며 단일 값을 리턴함.

const array1 = [1, 2, 3, 4];
const reducer = (previousValue, currentValue) => previousValue + currentValue;

array1.reduce(reducer, 5) // 15

1-2. mutationObserver

이름 그대로 변동사항을 감지하는 api이다. html 태그의 속성, 자식태그, 텍스트 등 의 변동사항을 감지한다.