如何在JavaScript中使用push方法向对象数组添加新元素？

JS对象中的push方法

JavaScript数组有一个名为push的方法，用于将一个或多个元素添加到数组的末尾，并返回新数组的长度，对于普通的JavaScript对象，并没有内置的push方法，我们可以模拟这种行为，通过创建一个函数来实现类似的功能。

源码实现

function pushToObject(obj, key, value) {
    if (typeof obj !== 'object' || obj === null) {
        throw new Error('The first argument must be an object.');
    }
    if (!obj.hasOwnProperty(key)) {
        obj[key] = [];
    }
    obj[key].push(value);
    return obj;
}
// 使用示例
const myObj = {};
pushToObject(myObj, 'fruits', 'apple');
pushToObject(myObj, 'fruits', 'banana');
console.log(myObj); // 输出： { fruits: ['apple', 'banana'] }

单元测试

相关问题与解答

1、问题： 如果我想在对象中添加一个新的键值对，而不是向现有键的值数组中添加元素，应该如何修改pushToObject函数？

答案： 你可以简单地移除检查键是否存在的逻辑，并在每次调用时直接设置新的键值对，以下是修改后的代码：

“`javascript

function setKeyValue(obj, key, value) {

if (typeof obj !== ‘object’ || obj === null) {

throw new Error(‘The first argument must be an object.’);

}

obj[key] = value;

return obj;

}

“`

2、问题： 如果我尝试在一个非对象上调用pushToObject函数，会发生什么？

答案： 如果你尝试在一个非对象（例如数字、字符串或null）上调用pushToObject函数，它会抛出一个错误，因为该函数的第一个参数必须是对象。