代码之家 › 专栏 › 技术社区 › Shams Nahid

如何在现有的javascript对象中添加具有值的动态键?[复制品]

javascript-objects lodash javascript

-4

Shams Nahid · 技术社区 · 7 年前

这个问题已经有了答案:

How can I add a key/value pair to a JavaScript object? 23答

我有一个现有的javascript对象。

let existingObject = {
    1: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    },
    2: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    },
    3: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    }
}

我要向该现有对象添加属性。我的新键值是:

const key = 4;
const value = {
    'prop1': 'prop1 value',
    'prop2': 'prop2 value'
}

在附加键和值之后,我的新对象应该是,

const newObject = {
    1: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    },
    2: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    },
    3: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    },
    4: {
        'prop1': 'prop1 value',
        'prop2': 'prop2 value'
    }
}

这里的关键是一个动态值。每当我试图附加这个键值时,这个键值就会变成变量名。

我如何解决这个问题?

注意:为了创建现有的对象,我使用了lodash。

1 回复 | 直到 7 年前

Shidersz 7 年前

你可以用 Object.assign() 并使用 Computed Property names (例) {[key]: value} ):

let existingObject = {
    1: {'prop1': 'prop1 value', 'prop2': 'prop2 value'},
    2: {'prop1': 'prop1 value', 'prop2': 'prop2 value'},
    3: {'prop1': 'prop1 value', 'prop2': 'prop2 value'}
}

const key = 4;
const value = {'prop1': 'prop1 value', 'prop2': 'prop2 value'}

Object.assign(existingObject, {[key]: value});
console.log(existingObject);

但是,正如其他人对你的评论,这很简单,就像:

existingObject[key] = value;

推荐文章

Halufolia · Lodash keyBy与数组具有相同的属性

8 年前

maxd · 删除以参数开头的对象的属性

8 年前

leonheess · lodash不作为内部功能使用

8 年前

Sam Denty zneak · 按键对对象数组分组

8 年前

jsh6303 · “pickBy”对象的值数组中的值

8 年前

darkwing · 如何将lodash的合并与自定义时间戳属性一起使用

8 年前

imanu · 对嵌套json复杂数组排序

8 年前

Hozoa glee · 节点。JS使用lodash将子对象添加到对象

8 年前

Luiz Carvalho · 使用键提取子对象,并使用javascript中未使用的键创建数组

8 年前

Huy Vo · 为什么需要使用lodash/fp/constant?

8 年前