> 웹 프론트엔드 > JS 튜토리얼 > js 객체 심층 복제 예제에 대한 자세한 설명

js 객체 심층 복제 예제에 대한 자세한 설명

小云云
풀어 주다: 2018-03-12 16:23:52
원래의
1614명이 탐색했습니다.

Clone 개체는 개발 과정에서 자주 발생합니다. 때로는 얕은 복제가 필요할 때도 있고, 때로는 깊은 복제가 필요할 때도 있습니다. 이 글은 주로 js 개체의 깊은 복제에 대한 자세한 예를 공유합니다.

// 深度克隆
function deepClone(origin, target) {
var target = target || {};
for (var prop in origin) {
if (origin.hasOwnProperty(prop)) {
if (origin[prop] !== null && typeof origin[prop] === 'object') {
target[prop] = Object.prototype.toString.call(origin[prop]) === '[object Array]'? [] : {};
deepClone(origin[prop], target[prop]);
} else {
target[prop] = origin[prop]
}
}
}
}
var obj = {
name: 'name',
arr: [1, 2, 3],
obj: { a: 'a' },
f: function () {
}
}
var obj1 = {};
deepClone(obj, obj1)
console.log(obj1)
로그인 후 복사

관련 권장 사항:

한 줄의 code_javascript 기술로 순수 데이터 json 객체의 심층 복제를 위한 구현 아이디어

JavaScript 객체의 심층 복제 소개_javascript 기술

복제 객체 메서드 예제 튜토리얼

위 내용은 js 객체 심층 복제 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿