Allenxing
day day up
随笔 - 28  文章 - 0  评论 - 219  阅读 - 54485
求关注

javascript最新深度克隆对象方法

    javascript最新深度克隆对象方法

    复制代码
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <script type="text/javascript">
 6 window.onload = function(){
 7 　　var arr = [{"a":"a"},{"b":"b"}];
 8 　　var clone = cloneObj(arr);
 9 　　clone.a = "b";
10 　　console.log(clone);
11 　　console.log(arr);
12 }
13 function cloneObj(obj){
14 
15 　　//obj 可能为[{a:"a"},{b:"b"}]和｛c:"c"｝
16 　　var newObj = obj.constructor == Array ?[]:{};
17 
18 　　//如果JSON对象存在，则可以使用其方法JSON.stringify() 和JSON.parse()
19 　　if(typeof JSON == "object"){
20 　　　　var str = JSON.stringify(obj);
21 　　　　newObj = JSON.parse(str);
22 　　　　}else{
23 
24 　　　　　　//如果JSON对象不存在，则需要递归实现克隆对象
25 　　　　　　for(var i in obj){
26 　　　　　　　　if(obj.hasOwnProperty(i)){
27 
28 　　　　　　　　//arguments.callee() 和cloneObj()其实是一样的，arguments.callee()代码扩展性好
29 　　　　　　　　newObj[i] = typeof obj[i] == "object" ?arguments.callee(obj[i]):obj[i];
30 　　　　　　　　}
31 　　　　　　}
32 　　}
33 　　return newObj;
34 }
35 </script>
36 </head>
37 
38 <body>
39 </body>
40 </html>
    复制代码

     

    posted on   allenxing  阅读(345)  评论(6)  编辑  收藏  举报
    编辑推荐：
    · 如何编写易于单元测试的代码
    · 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
    · .NET Core 中如何实现缓存的预热？
    · 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
    · AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
    阅读排行：
    · 地球OL攻略 —— 某应届生求职总结
    · 周边上新：园子的第一款马克杯温暖上架
    · Open-Sora 2.0 重磅开源！
    · .NET周刊【3月第1期 2025-03-02】
    · [AI/GPT/综述] AI Agent的设计模式综述

    点击右上角即可分享
    微信分享提示
    SQL AI 助手