js赋值给java 数组_javascript中把一个数组的内容全部赋值给另外一个数组

本文探讨了在JavaScript中如何正确赋值一个数组给另一个数组,避免引用相同内存空间的问题。介绍了使用concat、slice和深拷贝等方法实现数组独立赋值。同时,讲解了JavaScript中的浅拷贝和深拷贝概念,以及它们在数组操作中的应用。对于包含对象的数组,通过循环创建新数组来确保独立性。
摘要由CSDN通过智能技术生成

如:

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的定义是:连接两个或更多的数组,并返回结果,该方法不会改变现有数组,而仅仅会返回数组的一个副本。

var a = [1,2];

a.push([3,4]);

a.concat(5);

//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 指向同一块内存地址

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

var a = [1,2,3];

var b = a;

b[0] = 4;

//a为4 2 3

//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也是深拷贝,但是他只是第一层深拷贝,第二层之后还是进行浅拷贝,例子如下:

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'

}

}

*/

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'

}

}

*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值