zoukankan      html  css  js  c++  java
  • javascript,clone对象

      开发中,打断对象间的引用关系,只想下个副本的情况无处不在,clone一个对象就在所难免了。

      JavaScript中,简单的方法就是用JSON函数,将对象stringify成字符串,再parse成一个新对象。要么就是从网上搜个代码,开源社区里面clone的代码还是有不少的。

      代码虽然可以找得到,但,东西永远是别人的,动手学着码永远是个不变的主题。

      自己写了两个克隆的函数:

      cloneOwn:克隆自定义对象的自有属性,不包括继承的属性,属性可以是基本数据类型和数组,自定义的对象,可以制定要克隆的属性名称列表。

      cloneArray: 克隆数组,数组内的元素可以是对象,基本类型。

      以下代码在node.js环境中调试通过。

    //第一个参数是被克隆的对象,第二个参数是需要克隆的属性列表
    function
    cloneOwn() { var obj = arguments[0]; if (typeof obj === 'undefined' || obj === null) return {}; if (typeof obj !== 'object') return obj;
    //第二个参数是属性名称列表,就采用该列表进行刷选
    //否则就克隆所有属性
    var attrs = arguments[1]; var enable_spec_attr = true; if (!(attrs instanceof Array)) { //console.log(attrs); attrs = obj; enable_spec_attr = false; } var result = {}; var i; for (i in attrs) { attr = enable_spec_attr? attrs[i]: i; //console.log(attr); if (obj.hasOwnProperty(attr)) { if (obj[attr] instanceof Array) { result[attr] = cloneArray(obj[attr]); } else if (typeof obj[attr] === 'object') { result[attr] = cloneOwn(obj[attr]); } else { result[attr] = obj[attr]; } } } return result; }
    //克隆数组
    function
    cloneArray(array) { if (typeof array === 'undefined' || array === null) return []; if (!(array instanceof Array)) return []; result = []; var i; for(i in array) { if (typeof array[i] !== 'object') { result[i] = array[i]; continue; } //clone object result[i] = cloneOwn(array[i]); } return result; }

    调用

    1.常规克隆自定义对象:

    var a = {
        name:'frank',
        age:20
    };
    
    var b= cloneOwn(a);

    2.指定克隆的属性

    var a = {
        name:'frank',
        age:20,
        address:'any where'
    };

    var b = cloneOwne(a, ['name', 'age']);

    3.克隆内含有数组属性的自定义对象

    var a = {
        name: 'kxh',
        age: 20,
        books: ['hai','ho','ali'],
        likes: [
            {wname: 'kaili', wage: 81, fav: "aaaaa"},
            {wname: 'seli', wage: 82, fav: "bbb"},
            {wname: 'ailun', wage: 83, fav: "ccc"},]
    };

    var b = cloneOwne(a);

    4.克隆数组,内含有自定义对象

    var a = [
       {
          name:'frank',
          age:20
        },
        {
           name:'leon',
           age:30
         }
    ];

    var b = cloneArray(a);

    上面的代码还是有很多问题的,比如,内置对象的克隆就存在点问题,例如datatime类型。

    问题管问题,这样一个学习过程也是要有的。

    ^-^。

  • 相关阅读:
    BootStrap 模态框禁用空白处点击关闭
    【云计算】使用nsenter进入Docker容器进行调试
    【架构】Nginx如何设置X-Request-ID请求头,记录请求时间:毫秒?
    【架构】微服务系列文章
    【云计算】OpenStack项目全面介绍
    【云计算】CloudFoundry参考资料
    【云计算】OpenShift容器服务参考
    【Web】Django OAuth invalid_grant error
    【Linux】Shell三类变量的作用域——linux shell “永久环境变量”、“临时环境变量”和"普通变量"之完全解读
    【云计算】OpenStack Horizon DashBoard定制化,完整实现前后台交互
  • 原文地址:https://www.cnblogs.com/kongxianghai/p/3120360.html
Copyright © 2011-2022 走看看