sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환함.기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따름.compareFunction은 정렬 순서를 정의하는 함수.생략시 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니코드 코드 포인트
reduce() 메서드는 배열의 각 요소에 대해 주어진 reducer함수를 실행하고, 하나의 결과값을 반환함.redece()는 빈 요소를 제외하고 배열 내에 존재하는 각 요소에 대해 callback 함수를 한 번씩 실행하는데, 콜백 함수는 다음의 네 인수를 받는다.1\
const people = ['Anna', 'Bella', 'Cris', 'David']; const copy = []; //for문 for (let i=0; i<people.length; i++){ copy.push(people[i]); } //forEach문 people.forEach(function(person){ copy.push(person...
push()는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환함.반환 값: 호출한 배열의 새로운 length 속성.push 메서드는 주어진 값을 입력하는 것을 어디에 시작할 것인지를 결정하기 위해 length 속성에 의존한다.만약 length 속성
apply()는 주어진 this값과 배열로 제공되는 arguments로 함수를 호출한다.※이 함수의 구문은 거의 call() 구문과 유사하다. 그러다 call()은 함수에 전달될 인수 리스트를 받는데 비해, apply()는 인수들의 단일 배열을 받는다는 점이다.this
push를 사용하여 요소를 배열에 추가 할 수 있다.push 는 가변 인수를 허용하기 때문에 여러 요소를 동시에 추가 할 수 있다.그러나 push 에 배열을 전달하면 요소를 개별적으로 추가하는 대신 실제로 해당 배열을 단일 요소로 추가하므로 결국 배열 내부에 배열로 끝
forEachforEach 반복문은 오직 Array 객체에서만 사용 가능.\-callback : 각 요소에 대해 실행할 함수로써 세가지 매개변수를 받음. 1) currentValue : 처리할 현재 요소. 2) index(옵): 처리할 현재 요소의 인덱스.
브라우저 뷰포트(Viewport)와 설정한 요소(Element)의 교차점을 관찰하며, 요소가 사용자 화면에 지금 보이는 요소인지 아닌지를 구별하는 기능을 제공한다.다수의 이미지가 중심이 되는 페이지에서 화면상의 모든 이미지를 한 번에 불러오면 불필요한 네트워크 비용이
getBoundingClientRect() 메서드는 요소의 크기와 viewport에 대한 요소의 위치에 대한 정보를 제공하는 DOMRect개체를 반환한다.
keypress 이벤트가 발생할때 어떤키가 눌리는지 알기 위해 디버그 창을 이용해 확인했다.그 후 코드 작성.
class를 사용하고 class안의 함수를 다른 콜백으로 전달할 때에는 그 안에 포함돼 있는 class의 정보가 사라진다. 이렇게 되면 함수만 전달되고 class는 전달되지 않을 수가 있다.this와 함수를 묶을 수 있는 바인딩을 사용할 수 있다.예를 들어 this.o
requestAnimationFrame: 이벤트가 실행될때는 코드를 변경하지 않고 나중에 브라우저가 화면을 업데이트 할 때 등록한 변경사항을 적용한다.Call Stack 안에서 코드 블럭이 실행되고 난 후 바로 setTimeout()의 콜백함수를 실행하고 싶을 때 이렇