一、背景

某個(gè)項(xiàng)目里，存在一個(gè)對(duì)象數(shù)組，我用 lodash 的 filter() 函數(shù)，分別生成了 A、B 兩個(gè)新的對(duì)象數(shù)組，但我遍歷了 B 數(shù)組，改造里面的每一個(gè)對(duì)象，沒想到引起 A 數(shù)組的里對(duì)象發(fā)生了變化，引發(fā)了錯(cuò)誤。

這是一個(gè)基礎(chǔ)的，對(duì)引用類型——對(duì)象沒有使用深拷貝的問(wèn)題，我疏忽了，特此記錄下。

二、例子

1、淺拷貝

const _ = require('lodash');let one_brand = [{name: 'A', count: 1, value: Infinity},{name: 'B', count: 2}, ]// 淺拷貝 // 方法一 let two_brand = one_brand.slice(0); // 方法二（推薦） let two_brand = _.clone(one_brand) console.log("改變前:") console.log(one_brand) console.log(two_brand) two_brand[1].count = 0;console.log("改變后:") console.log(one_brand) console.log(two_brand)

return：

改變前: [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 2 } ] [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 2 } ] 改變后: [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 0 } ] [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 0 } ]

你會(huì)發(fā)現(xiàn)改變了 two_brand 的一個(gè)對(duì)象，one_brand 的那個(gè)對(duì)應(yīng)的對(duì)象也改變了。這樣不行。

2、深拷貝

const _ = require('lodash');let one_brand = [{name: 'A', count: 1, value: Infinity},{name: 'B', count: 2}, ]// 深拷貝 // 方法一 let two_brand = one_brand.map(o => Object.assign({}, o)); // 方法二 let two_brand = one_brand.map(o => ({...o})); // 方法三（推薦） let two_brand = _.cloneDeep(one_brand);console.log("改變前:") console.log(one_brand) console.log(two_brand) two_brand[1].count = 0;console.log("改變后:") console.log(one_brand) console.log(two_brand)

---

return：

改變前: [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 2 } ] [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 2 } ] 改變后: [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 2 } ] [ { name: 'A', count: 1, value: Infinity },{ name: 'B', count: 0 } ]

3、拓展

其實(shí)網(wǎng)上還有一種方法：

let two_brand = JSON.parse(JSON.stringify(one_brand))

這種方法存在很大的問(wèn)題。雖然他在 stackoverflow 是得票最多的一個(gè)答案。（https://stackoverflow.com/questions/597588/how-do-you-clone-an-array-of-objects-in-javascript）

它的主要缺點(diǎn)是，只限于處理可被 JSON.stringify() 編碼的值。

JSON.stringify() 將編碼 JSON 支持的值。包含 Boolean，Number，String，以及對(duì)象，數(shù)組。其他任何內(nèi)容都將被特殊處理。

undefined，Function，Symbol 時(shí)，它被忽略掉
Infinity，NaN 會(huì)被變成 null
Date 對(duì)象會(huì)被轉(zhuǎn)化為 String (默認(rèn)調(diào)用date.toISOString())

問(wèn)：為什么JSON.stringify() 編碼 JSON 支持的值那么少呢？

因?yàn)镴SON是一個(gè)通用的文本格式，和語(yǔ)言無(wú)關(guān)。設(shè)想如果將函數(shù)定義也stringify的話，如何判斷是哪種語(yǔ)言，并且通過(guò)合適的方式將其呈現(xiàn)出來(lái)將會(huì)變得特別復(fù)雜。特別是和語(yǔ)言相關(guān)的一些特性，比如JavaScript中的Symbol。

轉(zhuǎn)載于:https://www.cnblogs.com/xjnotxj/p/9810534.html

總結(jié)

以上是生活随笔為你收集整理的如何深拷贝一个对象数组？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。