Javascript : 2월 12일

document는 웹브라우저에서만 생성되는 객체이다.
서버에는 document 객체가 없음

document 객체

 

 

<form> </form>으로 입력데이터를 한번에 묶어줌

예를 들어 로그인 시 아이디- 비밀번호

 

 

- 편의를 위해 setAttribute대신 쓸 수있는 classList 만듦

setAttribute로 하면 클래스명 지정이 번거로움

 

 

스프레드 연산자와 레스트 연산자

배열과 객체에서 스프레드 연산자를 활용하자!

함수 매개변수에서 레스트 연산자를 사용하자!

 

스프레드 연산자

- 배열이나 객체의요소를 개별적으로 확장하는 자바스크립트 연산자

- 세개의 점(...)으로 표현

 

1. 배열에서의 스프레드 연산자

1) 배열 복사

- const originial = [ 1, 2, 3 ]; const copy = [ ...original, 4, 5 ];

- spread 연산자를 쓰지 않고 복사하면  이중 배열이 됨 ex. [ [1, 2, 3], 4, 5 ]

2) 배열 병합

- 여러 배열을 하나로 병합

- const arr1 = [1, 2]; const arr 2= [3, 4]; -> const arr3 [ ...arr1, ...arr2 ];

 

2. 객체에서의 스프레드 연산자
객체(원시)를 상속받아 배열을 만든거임. 자바스크립트에서 거의 모든 것은 객체임. 

1) 객체의 얕은 복사

- const original = { x:1, y:2 };

- const copy = { ... original }; 

2) 객체 병합

- 여러 객체를 하나로 병합 (겹치는 키는 뒤에 나온 걸로 덮어씌워짐)

 

레스트 연산자 

- 여러 요소를 하나의 배열로 모으는 자바스크립트 연산자

- 스프레드 연산자와 동일한 문법(...)이지만 역할은 다름

- 항상 마지막에 위치해야함