Object.assign方法不能实现深复制
Object.assign方法是JavaScript中用于将一个或多个源对象的属性复制到目标对象的方法。它的使用方法是通过浅复制来实现属性的复制。浅复制是指复制对象的引用而不是复制对象本身。
当使用Object.assign方法时，如果源对象的属性是引用类型，那么目标对象中对应的属性也将是同一个引用。这就意味着如果修改源对象中的引用类型属性，那么目标对象中的属性也会随之改变，因为它们指向同一个对象。
要实现深复制，即复制对象本身而不是对象引用，我们需要使用其他方法或技术。以下是几种常见的深复制方法：
- 手动实现深复制：可以通过递归遍历源对象的属性，并创建相应的属性副本来实现深复制。这需要考虑对象嵌套的情况，确保所有层级的属性都被正确复制。
- JSON方法：可以使用JSON.stringify将源对象转换为JSON字符串，然后再使用JSON.parse将JSON字符串转换为目标对象。这种方法适用于大多数简单的JavaScript对象，但它无法复制函数、正则表达式、日期对象等特殊类型的属性。
- 第三方库：许多JavaScript第三方库提供了深复制的功能，例如lodash的cloneDeep方法或jQuery的extend方法。这些库通常具有更复杂的复制逻辑，可以应对更多的对象类型和嵌套情况。
总结起来，虽然Object.assign方法在实现属性复制时是一个便捷的工具，但它不能实现深复制。要实现深复制，我们需要使用其他方法或技术，如手动实现深复制、JSON方法或第三方库。
相关·内容
下面是我的(简化的)构造函数：
class User {
constructor() {
Object.assign(this, setup);
}
}
const setup = {
name: ''
}
export { User }
当我创建一个新对象时
import {
User
} from './User.js';
let user1 = new User();
user1是我所期望的。
如果我声明user1.name = 'John'，然后创建另一个用户let user2 =
浏览 0提问于2020-12-30得票数 2
2回答
我不明白如何对数组进行复制，以及从数组复制对象的最佳方法是什么。
当我创建一个新的数组，这个数组是我现有数组的一个副本，由或method slice()创建时，任何操作都仍然会更改两个数组中的值。
示例：
let array = [{count: 10}, {count: 20}, {count: 30}, {count: 40}];
let newArray = array.slice();
newArray[1].count = 0;
// console.log(array[1].count === newArray[1].count);
// > true
这意味着我应该使用J
浏览 8提问于2018-01-16得票数 0
回答已采纳
在一个2人游戏的上下文中，我有一个C函数来执行递归调用，对于每个调用，它从一个全局数组变量(一个当前的本地数组)执行一个memcpy。下面是这个C函数(“”数组被声明为函数外部的全局变量)：
int game[8][8];
int recursive_function(int player, int *mx, int *my, int depth)
{
int
浏览 0提问于2018-03-03得票数 1
回答已采纳
对于不使用函数中设置的变量的局部值的全局变量，我遇到了一些问题，因为当我调用它时，它接受这样一个变量的全局值或默认值，而不是本地变量。我希望这可以理解。
--我设置了全局变量，我将在几个函数上使用它
params = {
max: 1,
time: 10*1000,
errors: ['time']
}
timeoutmessage = '**Error:** You did not reply, so you are probably playing with me. I only wait for reply for ' + par
浏览 2提问于2020-11-17得票数 0
回答已采纳
1回答
我有一个简单的操作来设置n1维中的状态，我的状态对象和还原器如下所示
const F2F = {
openF2F: false,
...
}
const initialState = {
showModal: false,
F2F,
...
}
export default function reducer(state=initialState, action) {
switch (action.type) {
case psActions.ON_CHA
浏览 3提问于2017-07-27得票数 0
回答已采纳
3回答
对象数组的差异
、、、
我试图将一个对象推入数组中。它成功地插入数组中。这三个代码之间有什么区别。
Array.push(Object.assign({}, JSON.parse(JSON.stringify(Object))))
Array.push(Object.assign({},Object))
Array.push(Object)
浏览 2提问于2019-06-19得票数 1
回答已采纳
1回答
我在JS，mongoDB和猫鼬方面都很新。
我想尝试将一些文档字段复制到另一个文档中。在此之后，我要删除原来的文件。
这是我的mongoDB收藏：
[
// twitter account
{ "_id" : "585bbba59659501d68f997ec",
"logIn" : "twitter" ,
"pollIds" : { "local" : [ ] , "facebook" : [ ] , "twitter" : [ ]
浏览 4提问于2016-12-22得票数 0
回答已采纳
2回答
我有一个函数，在其中循环两个数组并执行一些逻辑。我的问题是，当我更改数组中的一个对象属性时，它们也会更改我的基本对象变量和整个两个数组中的所有其他对象。即使我只想编辑特定的对象属性。我不想粘贴整个代码，所以我将展示我的重要功能，但也留下一个链接到我的整个代码。
var updateMobs = function() {
for (var b = 0; b < mobsBlue.length; b++) {
BM = mobsBlue[b];
BM.x = BM.x - BM.object.speed;
doCollision(B
浏览 1提问于2015-05-07得票数 0
回答已采纳
考虑到下列守则：
var obj1 = Object.create({}, {myProp: {value: 1}});
var obj2 = Object.assign({}, {myProp: 1});
obj1和obj2之间有什么区别，因为每个对象都是以不同的方式创建的吗？
浏览 8提问于2016-01-17得票数 32
回答已采纳
2回答
我想要创建一个混合体，在它混合到的对象上创建嵌套对象。
例如
const mixin = {
top: {
middle: {
bottom: () => {
console.log(`Hello ${this.name}`);
}
}
}
};
const objectToBeMixed = {
name: 'Fred Bloggs'
};
Object.assign(objectToBeMixed, mixin);
objectToBeMixed.top.middle.bottom(); /
浏览 5提问于2022-02-17得票数 1
回答已采纳
我有一个来自API的对象，当加载一个模式时，我需要将该对象‘复制’到另一个模式中。
这是可行的：
this.servicesForm.services = this.team.services;
// New object // API object
现在的问题是，我不希望在更新servicesForm.services对象时绑定和更新team.services对象。
我该怎么做？
浏览 45提问于2017-07-05得票数 5
2回答
我正在开发一个多选择下降角，其中也有搜索。也就是说，当我通过主数据解析输入字段中的输入时，并且只显示DOM中筛选过的内容。这是我的职责：
modifyFilter(value: any) {
console.log('value', value); //The value passed from DOM
this.filterContent = this.catalogManufacturerNames; /******/
for(let i=0; i<this.catalogManufacturerNames.length
浏览 4提问于2017-06-28得票数 8
回答已采纳
我正在使用P5.js，并尝试将一些值保存在一个数组中，然后创建该数组的副本进行操作。不幸的是，当我操作第二个数组时，原来的数组也发生了变化，我不知道为什么。
var particels = []
var particelsCopy = []
function calcInitialPositions(){
for (var i = 0; i < pixels.length; i+=4) {
if (pixels[i] == 0){
var x_ = i % width
var y_ = i / width / 2
var coords
浏览 0提问于2018-07-01得票数 0
假设我有两个组件。父级将一个对象作为属性传递，然后将其复制到本地数据存储中。它有一个函数来更新这个本地存储，这个存储被传递给一个子存储。下面是我的父组件：
const Parent = ({stuff}) => {
const store = {
stuff: Object.assign({}, stuff);
}
const updateStuff = (thing, property) => store.stuff[thing].property = thing;
return <Child stuff={stuff} updateStuff=
浏览 4提问于2017-01-11得票数 6
回答已采纳
我试图发布一个更新的对象，但不试图通过以下代码改变状态：
addPlaceToSearch = (place) => {
if (place != this.state.search_text) {
var search = $.extend({}, this.state.search);
if (!search.added_places.includes(place)) {
search.added_places.push(place);
PubSub.publish('searchUpdated', se
浏览 2提问于2016-10-29得票数 0
我有以下代码：
let a = this.menu.getMenuItems().find((item) => item.$entityType === val);
let b = Object.assign({}, a);
this.dictChildren = b.children.map((item) => {
});
首先，我尝试在数组中找到元素，然后创建副本。
在尝试使用map()修改found元素之后，尽管
let b = Object.assign({}, a);
它修改了原始数组。
地图如何只复制对象b？
浏览 0提问于2019-08-09得票数 2
回答已采纳
3回答
我想知道我是否做错了什么，因为据我所知: Object.assign和扩展操作符将创建新的对象，因此我们可以避免对内部状态进行变异，这是一种糟糕的实践。但在我的项目中，这两个似乎不起作用。
首先，在构造函数中，我按照以下方式设置了状态：
this.state = {
article: {
title: "",
alias: "",
category: "JAVA",
steps: [
{
stepId: 1,
title: "Dummy title",
浏览 0提问于2018-01-17得票数 4
回答已采纳
我这样写还原机已经有很长时间了：
const init = {
a: 'b'
}
const reducerName = function (state = init, action) {
let newState = _.cloneDeep(state) // using lodash
case 'ACTION_NAME':
newState.a = 'c'
return newState
default:
return state
}
有一天，我意识到，这可能是一种非常愚蠢的做法，因为每次启动动作时，
浏览 1提问于2016-12-21得票数 1
回答已采纳
如何使用新的spread操作符克隆包含数组的对象？
示例对象：
vehicles: {
cars: [1, 2],
boats: [3, 4]
}
我想要一个包含数组的新对象。在这个新对象中，我希望能够更改或添加数组，而不必引用和影响vehicles对象。
浏览 1提问于2017-10-19得票数 2
回答已采纳
我有一个作为键存储的对象，在url中的值对作为查询参数存储。该对象的键可能会更改，我希望使用该对象中的每个键，值对来更新redux应用程序中state对象的键、值对。我需要以一种不改变state对象的方式这样做，并且目前正试图按照以下方式实现这个目标：
case 'LOAD_SEARCH_FROM_URL':
let _state = Object.assign({}, state);
const args = action.obj.substring(1).split('&');
args.map((arg) => {
con
浏览 4提问于2018-01-03得票数 1
回答已采纳
2回答
偶然发现了这个代码，学习了redux并做出了反应。
我的问题是，当使用扩展驱动程序时，最终的结果是什么。如果我正确理解它，它基本上会将可迭代或数组转换为单个参数。
因此，我希望输出只是使用通过.获得的所有字段创建另一个JSON对象。操作符。
const INITIAL_STATE = { postsList: {posts: [], error:null, loading: false},
newPost:{post:null, error: null, loading: false},
ac
浏览 0提问于2016-10-03得票数 0
回答已采纳
3回答
我和VueJS一起工作。
我有一个接收对象作为参数的方法。
然后我用Object.assign()克隆这个对象。
Component.vue
export default {
// ...
methods: {
// ...
activateEditMode (item) {
this.editItemIndex = this.travelItinerary.indexOf(item)
this.editItem = Object.assign({}, item)
// ...
}
}
}
this.roteiroCom
浏览 2提问于2018-05-25得票数 9
回答已采纳
3回答
我正在和TypeScript一起使用Angular 2。我有用户管理组件，其中我有整个用户的表。
当单击表中的任何用户时，表单就会显示他的全部属性以进行编辑。选择用户发生事件，如下所示：
onUserSelected(event) {
var selectedId = event.data.id;
this.selectedUser = this.users.filter(user => user.id === selectedId)[0]
}
问题是，当selectedUser被编辑时，他的属性也会在表格中发生变化，看起来并不是很好。我尝试自己
浏览 3提问于2017-01-28得票数 39
1回答
VueJs方法正在直接更改响应
、、、、
我有一个父组件，ı在那里进行后端查询，然后在导航栏和父组件中的activeView数据的帮助下，单击一下，我呈现一个新的子页面，并在v-if的帮助下在vue中传递响应中的一个属性。但是这个方法的一个功能是改变我在父组件中的属性，也改变了我的响应，这怎么可能。这是我的子组件的预挂载： beforeMount() {
console.log(this.plansPropOrg);
this.plansProp = this.plansPropOrg;
this.tempPlan = this.plansProp.currentPlan;
console.log(
浏览 22提问于2020-06-17得票数 0
回答已采纳
2回答
是我的代码。
用户可以点击链接弹出一个对话框，其中person对象的属性可以被修改。
我遇到了两个问题
当用户修改某些属性，然后单击对话框中的“关闭”按钮时，如何恢复person对象的原始状态？
例如:用户单击"Peter“链接，然后从名称中删除"r”，单击“关闭”按钮关闭对话框，但是父窗口中的名称"Peter“将相应更改为"Pete”。如何防止这一现象再次发生？
当用户修改某些属性，然后单击对话框中的“保存”按钮时，
如何将修改后的模型数据更新为主组件中的材料表？
在personEditor.component.ts的第24行中，我使用
result=
浏览 1提问于2020-03-05得票数 0
回答已采纳
1回答
如果文本区域的值在接收到的道具和状态之间发生变化，我想比较一下文本区域的模糊性。如果是，我触发什么，否则我什么都不做。
我是这样初始化状态的：
constructor(props){
super(props);
this.state = {
question : this.props.question,
loadingQuestionsWithAnswers : true,
posting : false,
error : '',
disabled : !isAuthorized(&
浏览 1提问于2018-12-15得票数 1
回答已采纳
1回答
我查看了js文档，在研究object.assign()中提到的文档时，如果源值是对对象的引用，那么它只复制引用值。
在我下面的片段中，一个改变了原始对象，另一个没有
var objA = {
a: 1,
b: {
c: 2,
d: {
e: 3,
},
},
}
var objC = { t: 1 };
//why this works i.e adds a to objEmpty
// var objEmpty = Object.assign({}, { objC }); //this woul
浏览 3提问于2022-08-08得票数 2
回答已采纳
6回答
我想在它30岁以上时交换价值，然后离开现有的。但两者同时发生了变化。我认为新的数组引用了现有的数组。我怎么把他们分开？
抱歉，我的描述。
下面是代码：
var arr = [
{age:23},
{age:25},
{age:24},
{age:30},
{age:33},
{age:24},
{age:56},
{age:13}
];
var over30 = [];
f = (array) =>{
for(var i = 0 ; i<array.length; i++){
i
浏览 2提问于2020-01-19得票数 0
回答已采纳
2回答
假设我有变量'state‘和'newState’。我想要创建一个纯函数，返回用'newState‘的属性(和子属性)更新的'state’。下面是一个示例：
const state = {id:1, name:'aName', description: 'aDescription'};
const newState = {id:1, name:'newName', subItems: {id:3, type:'whatever'}};
该职能将返回：
{id:1, name:'newName
浏览 0提问于2018-09-01得票数 3
回答已采纳
2回答
父组件是一个标头。
子组件是一种表单，用于更改在保存后出现在标题中的值，该保存会触发一个redux操作。
我将儿童状态设置为
constructor(props) {
super(props);
this.state = {
object: { ...props.object },
hidden: props.hidden,
};
}
该表单用于呈现state.object和修改state.object。当我修改state.object时，来自父组件的道具也会发生变化。
handleObjectChange = (event, key, subk
浏览 3提问于2017-07-26得票数 2
回答已采纳
我有一个Vue.js应用程序，其中我有一个v-重复的一系列项目。我想在项目列表中添加一个newItem。当我尝试this.items.push(this.newItem)时，被推送的对象仍然绑定到输入。考虑以下几点：
new Vue({
el: '#demo',
data: {
items: [
{
start: '12:15',
end: '13:15',
name: 'Whatch Vue.js Laracast',
descript
浏览 5提问于2015-06-01得票数 29
回答已采纳
1回答
我有一个定制的javascript对象，类似于以下内容：
const my_obj = {
'foo1': {
'bar1': '1',
'bar2': '2',
'bar3': '3',
},
'foo1': {
'bar4': '4',
'bar5': '5',
},
'foo2': {
'bar1':
浏览 4提问于2022-06-03得票数 0
我只是注意到了克隆和推送物品的奇怪之处。下面是一个例子：
let a = { foo: [1,2] };
let b = Object.assign({}, a) // cloning object and getting new reference
a === b // gives false which is what I want
现在我对对象a执行push：
a.foo.push(3)
现在a.foo是[1,2,3]，b.foo也是[1,2,3]
但如果我做了
a.foo = a.foo.concat(4)
a.foo是[1,2,3,4]，b.foo是[1,2,3]
问题是:为什么？
浏览 0提问于2017-06-20得票数 2
回答已采纳
我试图在我的状态中修改一个特定索引的属性值，这个属性是post_comments，但是我的问题是状态正在被修改，即使我只是修改它的副本。代码按我所希望的方式工作，但我正在修改状态，所以它可能很糟糕，如何修复它呢？
socket.on('statusComment', (data) => {
const mutator = Object.assign([], this.state.getStatus);
const index = mutator.findIndex(i => i._id === data._id);
mutator[ind
浏览 2提问于2018-05-24得票数 2
回答已采纳
在我的React应用程序中，有一个组件需要从props初始化状态。
Class ComponentA extends React.Component{
constructor(props){
this.state = {
objectA: props.objectA
}
}
someOnclickFunction(e){
let updatedObjA = this.state.objectA;
updatedObjA.value = e.target.value;
this.setState({
浏览 0提问于2017-11-01得票数 1
1回答
我试图更好地理解通量风格的体系结构，所以我编写了这个片段来阐明如何设计一个简单的通量系统。我想知道我的实现是有效的，还是遗漏了什么。
const application = () => {
/* Init the model */
let model = {
page: null
};
/* redirects the reference from the old state to the new */
const updateState = newState => model = newState;
/* a reducer metho
浏览 0提问于2018-04-11得票数 5
回答已采纳
1回答
使用对象赋值清除状态
、、、
这是我的状态：
export default new Vuex.Store({
state: {
items: [
],
user: {
isAuthenticated: false,
info: {
createdAt: '',
email: '',
firstName: '',
id: '',
lastName: '',
},
token: {
浏览 1提问于2017-10-07得票数 1
在对原始变量进行新的更改之后，我很难维护变量的原始值。
代码：
(...)
data = Illumination.calculate_N(data)
data = Illumination.calculate_pi(data)
data = Illumination.calculate_kwh(data)
data = Illumination.calculate_ca(data)
let data_base = data
let ca_base = data.ca
let kwh_base = data.kwh
let pi_base = data.pi
(..
浏览 1提问于2019-05-09得票数 6
回答已采纳
1回答
考虑下面的代码
var obj={a:1,b:2};
var copiedObj=obj;
obj.a=3;
console.log(copiedObj.a); // 3
这里的问题是如何在不改变copiedObj中的值的情况下更改obj的值；
浏览 1提问于2018-09-05得票数 2
3回答
这是我的第一个函数，如果我第一次保存json是原始的，我会传递给json end。
function loadchart2(div, json, lista,tipo) {
var listaId = lista;
if(l==0){
jsonSecCall =JSON.parse(JSON.stringify(json));
listaSecCall=listaId;
l++;
}
我修改了json，然后点击了一个按钮。调用第二个函数并调用loadcart2并传递json原始，但实际收到json修改，什么？
$(“#giorni”)函数(‘.on’，
浏览 1提问于2017-07-18得票数 1
1回答
我正在用TypeScript定义一个类。因此，使用扩展运算符，我可以发出类似如下的命令：
class Foo {
constructor(data: IDataStructure){
const { ...k } = data; // and then k has taken over all the properties of data. Great!
}
public render () {
return(<div/>
);
}
}
现在，我想做同样的事情，但不是将属性放在k中，而是放在正在创建的当前对象中。也就是说，我想做一些像
浏览 0提问于2018-08-10得票数 1
我很难理解深拷贝和浅拷贝之间的区别。当一个方法返回一个实例变量时，我们应该返回它的副本以防止混叠，但是这个概念并没有在课堂上得到真正的复习，而且教授们真的没有帮助，所以我完全迷失了方向。
浏览 8提问于2022-02-04得票数 0
2回答
我有一个文件，在该文件中，我要导出这样一个对象：
export const LINECHART2_DATA = {
series: [{
data: [],
name: 'HR',
},
{
etc...
}]
}
我是这样进口的：
import { LINECHART2_DATA } from '../chart-options/options';
我有以下方法：
prepareLineChartDataContainer(bed: BedDetails) {
//Clear d
浏览 0提问于2018-04-06得票数 4
回答已采纳
我希望将一个对象赋值给数组，但是在赋值函数中出现了这个错误。
预期至少有一个论点，但得到一个或更多
var obj1 = [{ abc: 'abc value' }];
var obj2 = { def: 'new def value'};
var obj3 = Object.assign(...obj1 , obj2) ;
浏览 2提问于2020-05-11得票数 0
回答已采纳
我有一个数组，它是React组件的状态。这个数组是一个检查表。变量units1 = this.state.units；
当我更新units1时，this.state.units会在没有this.setState的情况下发生变化({this.setState: units1 })
我使用this.setState({ a: 2 });只是为了查看数组是否在没有this.setState({ units: units2 });的情况下被更新
this.state.units从道具中获得它的值，所以如果状态改变，道具也会改变。
handleItemChange(e) {
var units1 =
浏览 0提问于2018-08-15得票数 1
回答已采纳
1回答
这是返回对象副本的正确方法吗？
class ObjectWrapper {
private _ obj;
/***
* Copy object of argument to this._ obj
*/
constructor (_obj: Object) {
this._obj = _obj;
}
/**
Return copy of * this._ obj (Return copy this._ obj)
* @return Object
*/
get obj () {
return this._obj;
}
浏览 0提问于2019-03-03得票数 1
回答已采纳
例如，我有listings数组：
[ { name: 'bob', price: '10' }, { name: 'jack', price: '12' } ]
我正试图找到最低的卖家，并处理它的数据以后。我做var currentLowestSeller = listings[0];
现在，currentLowestSeller是：
{ name: 'bob', price: '10' }
稍后我所做的更改是currentLowestSeller，但我不希望主listings数组被更改。我做了cu
浏览 1提问于2020-12-01得票数 1
回答已采纳
我有一个2D数组，需要不断更新并分配给不同的变量，但是更新必须从初始数组开始。由于列表是通过引用传递的，而不是按值传递的，因此常规分配不起作用。我试过: list1 = list2，它在一维数组中工作得非常好，但对2D数组却不太好。
以前有人遇到过这种情况吗？
浏览 0提问于2019-12-08得票数 0
回答已采纳
1回答
意外更新子变量
、、、
我目前正在使用父/子组件的页面。当我管理父组件中的变量时，我的子组件就会被更新。我想做的是：
My子组件具有一个“site”变量，它包含通过API发送的所有数据。当子组件“站点”发生变化时，父组件有一个保存按钮将子数据发送到后端，我将向父组件发出一个事件@change，@change事件包含我需要的所有数据，但不是以我想要的格式(<code>H 212</code><code>H 113</code>H 113</code>)--有一个函数<code>d14<//code>可以获取这些数据并修改其中的一个数组，
浏览 3提问于2020-07-07得票数 1
回答已采纳
假设我们得到了这个：
this.myObject = {"id":1};
我们希望将对象的状态存储为原始对象，如下所示：
this.myObjectORG = this.myObject;
然后你继续你的工作，像这样在你的对象上更换道具
this.myObject.id = 2;
让你惊讶的是，你意识到
console.log (this.myObjectORG.id) //还报告2
嗯，这就是JS的工作原理&我不是在质疑这一点。
是否有一种方法可以保留myObject的状态，这样我就可以比较它的属性是否在其原始状态之后发生了变化？
在某种程度上，我希望能做这样的事情
浏览 4提问于2017-12-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
