js数组复制（不改变原数组）

需要从后台取出数据，在前台接收并要保存在一个全局变量，因为之后还要对此使用此全局变量。

全局变量 var globalarr = [];

后台取出的数组变量 var arr = [{ 'id' : 1, 'price' : '5.0' },{ 'id' : 2, 'price' : '10.00' },{ 'id' : 3, 'price' : ' 20.00 ' }];

一般情况下如果使用等号赋值，会连同原数级的地址复制，如果在此后操作原数组，会影响原数组的元素。

例 1：（赋值且复制数组地址）

var globalarr = arr;     // 此处globalarr 和 arr 一样拥有三个对象数组元素，且globalarr和arr 同享内存地址。

console.log( globalarr );  

console.log( arr );

// 上面的打印结果如下：

// 新建一个对象数组ms，并push进globalarr，打印出，看到globalarr和arr都改变。

var ms = {};

ms.id="10";

ms.price='1000.00';

globalarr.push(ms);

console.log(globalarr);

console.log(arr);

// 再打印的结果如下：

这时，发现只单独push元素到gloalarr中，原数组arr 也发生了改变。

---

例 2：（只赋值不复制数组地址方法一）

var globalarr = [];

var arr =  [{'id':1,'price':'5.0'},{'id':2,'price':'10.00'},{'id':3,'price':' 20.00 '}];

globalarr = arr.slice();    // 我们用slice函数来赋值数组

var ms = {};

ms.id="10";

ms.price='1000.00';

globalarr.push(ms);

console.log('ms-globalarr=>',globalarr);

console.log('ms-arr=>',arr);

我们发现slice函数赋值是不会影响原数组的。

例 3：（只赋值不复制数组地址方法二）

var globalarr = [];

var arr =  [{'id':1,'price':'5.0'},{'id':2,'price':'10.00'},{'id':3,'price':' 20.00 '}];

for(vari in arr )

{

var v = arr[i];

var obj = {};

obj.id= v.id;

obj.price= v.price;

globalarr.push(obj);

}

var ms = {};

ms.id="10";

ms.price='1000.00';

globalarr.push(ms);

console.log('ms-globalarr=>',globalarr);

console.log('ms-arr=>',arr);

例4：（只赋值不复制数组地址方法三）

var globalarr = [];

var arr =  [{'id':1,'price':'5.0'},{'id':2,'price':'10.00'},{'id':3,'price':' 20.00 '}];

var x = globalarr.concat(arr);

var ms = {};

ms.id="10";

ms.price='1000.00';

x.push(ms);

console.log('after=>x',x);

console.log('after=>arr',arr);