首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >更改克隆对象,也更改原始对象[Javascript]

更改克隆对象,也更改原始对象[Javascript]
EN

Stack Overflow用户
提问于 2017-07-12 03:20:41
回答 2查看 898关注 0票数 2

我正在用ES6中的Jest为React组件编写一些测试。在一个测试中,我需要克隆一个导入的json并对克隆的对象进行变异,但是当我对克隆的对象进行变异时,原始对象也会发生变异!

代码语言:javascript
运行
复制
import obj from './object.json';    // obj = { name: 'someName' }


describe('Testing a component', () => {

  it('Some testing', () => {
    const obj2 = Object.assign({}, obj);  //Clone the object
    obj2.name = 'otherName';  // Muatate the object

    console.log(obj); // { name: 'otherName' }
  });

})

为什么会发生这种情况?为什么当我对克隆对象进行变异时,原来导入的对象也会发生变异?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-07-12 03:26:38

Object.assign仅执行浅层克隆。这意味着内部对象仍然指向原始对象。

要进行深度克隆,您可以使用Lodashimmutability-helper

票数 3
EN

Stack Overflow用户

发布于 2017-07-12 03:39:25

您可以使用此函数复制对象属性:

代码语言:javascript
运行
复制
const copyObj = (obj) => Object.keys(obj).map(k => [k, obj[k]]).reduce((m, [k, v]) => {m[k] = v; return m}, {})

jsfiddle example

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45042924

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档