>  기사  >  웹 프론트엔드  >  js에서 객체를 복사하는 방법은 무엇입니까? (사진 및 텍스트 튜토리얼)

js에서 객체를 복사하는 방법은 무엇입니까? (사진 및 텍스트 튜토리얼)

亚连
亚连원래의
2018-05-18 16:21:301650검색

다음은 js에서 객체를 복사하는 방법에 대해 정리한 내용입니다. 관심 있는 학생들은 한 번 살펴보세요.

방법 1:

원래 개체의 속성을 탐색하여 새 개체에 할당합니다.

//深复制对象方法    
var cloneObj = function (obj) {  
    var newObj = {};  
    if (obj instanceof Array) {  
        newObj = [];  
    }  
    for (var key in obj) {  
        var val = obj[key];  
        //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。  
        newObj[key] = typeof val === 'object' ? cloneObj(val): val;  
    }  
    return newObj;  
};  
//测试    
var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象  
newObj = cloneObj(obj);//复制对象  
newObj.b.c=2;//给新对象赋新值  
obj.a();//1,不受影响  
newObj.a();//2

방법 2:

객체를 직렬화한 후 다시 구문 분석합니다. 객체에 함수가 있으면 올바르게 복사할 수 없습니다.

var obj = {a:1,b:2}  
var newObj = JSON.parse(JSON.stringify(obj));  
newObj.a=3;  
console.log(obj);  
console.log(newObj);

방법 3:

객체 배열 방법은 배열 방법을 사용하세요. 빈 배열을 연결하려면

var a=[1,2,3];  
var b=a;  
var c=[].concat(a);  
a.push(4);  
console.log(b);  
console.log(c);

위의 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

JS는 입력 번호 확인 코드에 대해 소수점 이하 두 자리를 유지합니다.

JS는 한 자리를 유지하고 숫자가 아닌 숫자를 제거합니다.

JS 페이지 새로 고침 방법 요약

위 내용은 js에서 객체를 복사하는 방법은 무엇입니까? (사진 및 텍스트 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.