[Javascript] 자바스크립트로 클론 만드는 방법

---

---

# 코드

---

- 객체 또는 배열 클론 만들기

Array.from(document.querySelectorAll('li')).forEach(li => {

  

}) 

 

> 제이쿼리의 $('li').each(() => {$(this) // li element}) 함수랑 같은 역활을 한다.

제이 쿼리가 아닌 순수 자바스크립트로는 위와 같이 구현을 한다.

querySelectorAll() 함수는 유사배열을 반환한다. 

Array의 프로토타입 함수를 사용하려면 Array.form() 함수를 이용해서 

유사배열을 배열로 변환해야한다. 

이후에Array.protototype.foreEach() 함수를 이용해 li 엘리먼트를 순회할 수 있다.

Array.prototype에는 map(), reduce(), every(), some() 등 lodash같은 

유틸리티 라이브러리에서 지원하는 컬렉션 함수가 있다.

const obj3 = Object.assign({}, obj1, obj2) 

> 객체나 배열 두개를 하나로 합쳐준다.

---

# 마무리

위 포스트는 제가 직접 제작한 것 입니다.

그렇기 때문에 틀린점이나 설명이 엉성한 점이 존재할 수 있습니다.

만약 틀린점이나 설명이 엉성한 부분이 존재하면 댓글로 알려주세요.

빠른 처리 하도록 하겠습니다.

티스토리 앱으로는 댓글 이용이 불가능 하므로 웹 브라우저로 봐 주세요

(URL : http://junprogramer.tistory.com/)

읽어주셔서 감사합니다.