代码之家 › 专栏 › 技术社区 › m51

使用循环向数组填充对象

arrays javascript

m51 · 技术社区 · 7 年前

我需要创建一个充满对象的数组。让我们说 { foo: 0} 。然后我想添加属性 bar 对每个具有不同值的对象。例如:值=数组中项目的索引。

看起来像这样

const table = new Array(10).fill({foo: 0});

for (let i = 0; i < table.length; i += 1) {
    table[i].bar = i;
}

我期望得到的是:

[
    { foo: 0, bar: 0 },
    { foo: 0, bar: 1 },
    { foo: 0, bar: 2 },
    ...
    { foo: 0, bar: 9 }
]

我得到了什么:

[
    { foo: 0, bar: 9 },
    { foo: 0, bar: 9 },
    { foo: 0, bar: 9 },
    ...
    { foo: 0, bar: 9 }
]

为什么会这样?我哪里出错了?

编辑澄清

我不想用像这样的新对象替换数组中的对象 table[i] = {foo: 0, bar: i} 我只想向现有对象添加属性。

3 回复 | 直到 7 年前

Leonid Pyrlia 7 年前

Array.fill() 获取一个值并用它填充数组。由于非基元(对象、数组)是通过引用传递的,因此对任何项的修改都将导致其余项也发生更改。

相反,您可以使用 Array.from() 并将对象传递给它的映射函数:

const table = Array.from({length:10}, _ => ({foo:0}));

for (let i = 0; i < table.length; i += 1) {
    table[i].bar = i;
}

console.log(table);

Eric Yang 7 年前

您的数组中有一个对单个对象的引用。所以现在发生的是,你正在更新同一个底层对象。如果您熟悉C,就好像有N个指针指向同一个底层对象。无论操作哪个N指针,都将更改基础对象。

const table = new Array(10)

for (let i = 0; i < table.length; i += 1) {
   table[i] = {foo: 0, bar: i}
}

这将为数组中的每个条目创建一个新对象

BlackBeard 7 年前

imho,你在找这样的东西:

const table = new Array(10);

for (let i = 0; i < table.length; i += 1) {
    table[i] = {'foo': 0, 'bar': i};
}

console.log(table)

一个线性解决方案使用 ECMAScript-6 :

const table = Array.from(new Array(10).keys()).map(e => ({'foo': 0, 'bar': e}))

console.log(table)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前