퍼블리싱/Javascript

classList, Date, 배열.reduce에 대해 알아보자

xhakxh135 2023. 9. 21. 11:14
반응형
SMALL

classList

태그.classList 객체를 통해 태그에 붙은 클래스를 조작 할 수 있다.

해당 클래스가 존재하는지 확인하려면 contains 메서드를 사용해야한다.

태그.classList.contains('클래스');

 

해당 클래스를 추가하거나 수정 제거 하려면 각각 add와 replace, remove 메서드를 사용한다.

태그.classList.add('클래스');
태그.classList.replace('기존클래스', '수정클래스');
태그.classList.remove('클래스');

 

Date

현재 시각을 알고 싶다면 실행(시각을 직접 지정하고 싶을 때는 인수로 연, 월, 일, 시, 분 ,초 를 넣어야한다. 월은 0월부터 시작한다.)

new Date();
new Date(2021, 2, 31);

 

배열.reduce

reduce는 배열에 있는 반복 메서드의 일종으로 배열의 요소들을 하나의 값으로 합친다.

함수에서 반환되는 값은 다음번 누적값이 되고, 마지막으로 반환되는 값이 reduce 메서드의 결괏값이 된다.

초깃값을 제공하지 않으면 배열의 첫번째 요소가 초깃값이 된다.

배열.reduce((누적값, 현잿값) => {
	return 새로운누적값;
}, 초깃값)
반응형
LIST