zoukankan      html  css  js  c++  java
  • javascript中把一个数组的内容全部赋值给另外一个数组

    如:
    var a = [1,2,3,4];
    var b= [];
    b = a;
    这个不是把值赋值过去而是b作为a的引用,b改变的是a
    如何b指向的是一个新数组,a把元素值全部赋值过去?

    1、普通数组可以使用   var b = [].concat(a);

    -----------------------------------------------------------------------------------------------------

    2、我遇到一个jquery对象类型的数组是[Object(Array)]类型,其拼接的数组字符串为:

    [{
                    name: 'Berlin-new',
                    type: 'column',
                    id: 'berlin', 
                    data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
                },{
                    name: 'Tokyo-new',
                    type: 'spline', 
                    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                }]

    想将array赋给array2,然后将array2中的data截取一部分,返回array2

    var array2= [].concat(array);
                    $.each(array2, function (i, obj) {
                        var data = obj.data;
                        obj.data = data.slice(data.length - num, data.length);
                    });

    这样截取成功,但仍然影响array本身的data;

    采用 var arr = $.makeArray( obj );后仍不起作用;

    最后用循环创建新数组解决

    var result = [];        

    $.each(array, function (i, obj) {

                var c = {};   

              $.each(obj, function (key, val) {

                    if (key == 'data') {  

                       c[key] = val.slice(val.length - num, val.length);

                    } else {  

                       c[key]=val;

                    }

                }) ;

                result.push(c);

            });

    一、push与concat

    push的定义是:像数组末尾添加一个或更多元素,并返回新的长度。该方法会改变数组的长度。

    concat的定义是:连接两个或更多的数组,并返回结果,该方法不会改变现有数组,而仅仅会返回数组的一个副本

    1. var a = [1,2];  
    2. a.push([3,4]);  
    3. a.concat(5);  
    4. //a为1 2 3,4 5  
    var a = [1,2];
    a.push([3,4]);
    a.concat(5);
    //a为1 2 3,4 5

    二、深拷贝与浅拷贝

    1.浅拷贝

    JavaScript存储对象都是存地址的,所以浅复制会导致 a 和 b 指向同一块内存地址

    数组的赋值其实相当于给了索引,改变其中一个变量其他引用都会改变

    1. var a = [1,2,3];  
    2. var b = a;  
    3. b[0] = 4;  
    4. //a为4 2 3  
    5. //b为4 2 3  
    var a = [1,2,3];
    var b = a;
    b[0] = 4;
    //a为4 2 3
    //b为4 2 3

    根据上面存储对象的问题,这里就可以解决另一个问题:

        原始参数(比如一个具体的数字)被作为传递给函数;值被传递给函数,如果被调用函数改变了这个参数的值,这样的改变不会影响到全局或调用函数。

        你传递一个对象(在js里数组不是简单数据类型,而是对象)到一个函数,如果在函数里面改变了这个参数的内容,在外部这个变化是可见的。

    2.深拷贝

    (1)slice 函数

    (2)concat 函数

    (3)assgin

    三个函数的原理都是返回数组的一个副本(相当于另外开辟内存空间),所以并不会改变数组本身的的值

    但是这里有一点不同,就是assgin与其他两点的不同

    虽然说assgin也是深拷贝,但是他只是第一层深拷贝,第二层之后还是进行浅拷贝,例子如下:

    1. var a = {  
    2.     a1:{  
    3.         aa1:'11',  
    4.         aa2:'22'  
    5.     }  
    6. }  
    7. var b = object.assgin({},a);  
    8. var c = object.assgin({},a);  
    9. b.a1.aa1 = 33;  
    10. /*  
    11. b:{  
    12.     a1:{  
    13.         aa1:'33',  
    14.         aa2:'22'  
    15.     }  
    16. }  
    17. c:{  
    18.     a1:{  
    19.         aa1:'33',  
    20.         aa2:'22'  
    21.     }  
    22. }  
    23. */  
    var a = {
    	a1:{
    		aa1:'11',
    		aa2:'22'
    	}
    }
    var b = object.assgin({},a);
    var c = object.assgin({},a);
    b.a1.aa1 = 33;
    /*
    b:{
    	a1:{
    		aa1:'33',
    		aa2:'22'
    	}
    }
    c:{
    	a1:{
    		aa1:'33',
    		aa2:'22'
    	}
    }
    */
  • 相关阅读:
    kis 7.5和360似乎存在兼容性的问题,
    mysql timeout
    update users set a=1 where id in (1,2,3)这句在rails中该如何写呢
    mysql数据库 text类型的长度限制,使用change_column来进行长度的修改并不影响原有数据
    杭州的一个托管idc商
    User.find_each
    ruby 批量更新
    mongodb kt双机房灾备
    imagemagick使用
    kingdee kis
  • 原文地址:https://www.cnblogs.com/johnblogs/p/7218344.html
Copyright © 2011-2022 走看看