如何在 JavaScript 中的 Mongoose 响应数组中添加键值对

Question

我尝试做一些基本的事情。我有一个包含多个对象的数组。我想在每个数组对象中添加新的键值对。

我通过以下代码进行了尝试。

exports.addBuyOption = (arr) => {
    var newArr=arr;
    return new Promise((resolve, reject) => {
        for (let i = 0; i < newArr.length; i++) {
            newArr[i].name="new name" //updating the existing key value
            newArr[i].canBuy=true //new key value 
        }

        setTimeout(() => {
            resolve(newArr);
        }, 2000)
    })
}

我添加了设置超时，因为我只是想确认在循环操作之后是否返回了 Promise。此外，当代码不与原始数组一起运行时，我会使用 newArr 名称创建一个新变量，但代码也不起作用。

exports.addBuyOption = (arr) => {
    return new Promise((resolve, reject) => {
        for (let i = 0; i < arr.length; i++) {
            arr[i].name="new name" //updating the existing key value
            arr[i].canBuy=true //new key value 
        }

            resolve(arr);
    })
}

使用此代码，我能够更新现有的键值，但无法添加任何新的键值。我究竟做错了什么？我试图改变将键从点运算符添加到数组索引到 Object.assign 的方法，但它们都不适合我。

Answer 1

使用此代码，我能够更新现有的键值，但无法添加任何新的键值。

对此的唯一解释是数组中的对象已应用Object.preventExtensions。这是一个例子：

function addBuyOption(arr) {
    for (let i = 0; i < arr.length; i++) {
        arr[i].name="new name" //updating the existing key value
        arr[i].canBuy=true //new key value 
    }
    return arr;
}

const arr = [
    {name: "old name 1"},
    {name: "old name 2"},
    {name: "old name 3"},
].map(Object.preventExtensions);
console.log("Before:");
console.log(JSON.stringify(arr, null, 4));
addBuyOption(arr);
console.log("After:");
console.log(JSON.stringify(arr, null, 4));

.as-console-wrapper {
    max-height: 100% !important;
}

（注意我取消了这个承诺，它在这段代码中没有做任何有用的事情。）

如果发生这种情况，您将无法向对象添加属性。但是您可以使用新属性创建一个包含对象副本的新数组：

function addBuyOption(arr) {
    return arr.map(obj => ({
        ...obj,           // Copy existing properties
        name: "new name", // Set new value for existing property
        canBuy: true,     // Set new property
    }));
}

const arr = [
    {id: 1, name: "old name 1"},
    {id: 2, name: "old name 2"},
    {id: 3, name: "old name 3"},
].map(Object.preventExtensions);
console.log("Before:");
console.log(JSON.stringify(arr, null, 4));
const newArr = addBuyOption(arr);
console.log("After:");
console.log(JSON.stringify(newArr, null, 4));

.as-console-wrapper {
    max-height: 100% !important;
}