我们可以向JavaScript中的不可变对象添加属性吗?

时间:2018-09-15 13:12:50

标签: javascript reactjs ecmascript-6 immutable.js ecmascript-2017

一个对象就像:

const obj = [{name: 'Alex', age: 20}, {name: 'James', age: 22}];

这个对象从Immutable.js是不可变的。

是否可以为每个对象添加一个新键?例如:

const obj = [{name: 'Alex', age: 20, city: 'New York'}, {name: 'James', age: 20, city: 'Rome'}];

2 个答案:

答案 0 :(得分:4)

不是一成不变的。但这没关系,您可以将所有属性复制到新结构中,并以这种方式添加所需的内容:

const newData = obj.map(person => ({
  ...person,
  city: someLogicToDetermineCity(person)
}))

function someLogicToDetermineCity(person) {
  // logic based on person
  return city
}

答案 1 :(得分:0)

const不会产生不变性-只是意味着创建后分配给它的引用以后不能更改(这仅意味着您不能为其分配新值)

请参阅以下示例:

const a = {}

a = { name: "peter" } // => TypeError: invalid assignment to const `a'

但是在a上分配属性没问题:

const a = {}

a.name = "peter"

console.log(a); // => { "name": "peter" }

Array对象也是如此:

const arr = [{}]

arr.push(1);

arr[0].name="peter"

console.log(arr);
// [
//  {
//    "name": "peter"
//  },
//  1
// ]