스프레드연산자(2)
-
[JavaScript] 자바스크립트 객체 복사하기
063_자바스크립트 객체 복사하기 [적용] 데이터를 복사하고 싶을 때 [문법] 구문 의미 [...복사대상객체] 대상 객체의 각 요소를 분할 대입(복사) [문법] 메소드 의미 반환 Object.assign({}, 복사대상객체) 객체를 복사 객체 const object1 = { result: true, members: [ { id: 1, name: '여우' }, { id: 2, name: '호랑이' }, { id: 3, name: '사자' } ] }; // 객체를 복사 const copiedObject1 = Object.assign({}, object1); console.log(copiedObject1); // 객체가 복사됨 // { // result:true, // members: [ // { id: 1,..
2022.06.02 -
[JavaScript] 자바스크립트 유사 배열 객체를 배열(Array)로 변환하기
058_자바스크립트 유사 배열 객체를 배열(Array)로 변환하기 [적용] 문자열과 유사 배열ArrayLike을 배열로 변환하고 싶을 때 반복 가능Iterable 한 객체를 배열로 변환하고 싶을 때 [문법] 구문 의미 [...변환대상] 배열로 변환 [내용] 스프레드(Spread) 연산자 (...)를 사용하면 유사 배열 객체를 배열로 변환할 수 있다. 유사 배열의 특징은 다음과 같다. length 속성으로 크기를 확인할 수 있다. 인덱스가 부여된 요소를 가진다. 샘플을 확인해보자. document.querySelectorAll(selector)는 인수 selector와 일치하는 요소 데이터를 전부 불러오지만, 반환값은 NodeListOf 객체다. length와 인덱스가 부여된 요소를 가진다. 따라서 Nod..
2022.05.31