迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

使用 JavaScript 将对象中的所有值设置为 Null

作者:迹忆客 最近更新:2022/12/24 浏览次数:

要将对象中的所有值设置为空,请将该对象传递给 Object.keys() 方法以获取对象键的数组,然后使用 forEach() 方法遍历该数组,将每个值设置为空。 在最后一次迭代之后,该对象将只包含空值。

const obj = {
  name: 'Tom',
  age: 30,
  country: 'Chile',
};

Object.keys(obj).forEach(key => {
  obj[key] = null;
});

// 👇️ {name: null, age: null, country: null}
console.log(obj);

我们使用 Object.keys 方法获取对象键的数组。

const obj = {
  name: 'Tom',
  age: 30,
  country: 'Chile',
};

// 👇️ ['name', 'age', 'country']
console.log(Object.keys(obj));

下一步是使用 Array.forEach 方法迭代数组。

我们传递给 forEach 方法的函数会针对数组中的每个元素进行调用。

在每次迭代中,我们将当前键的值设置为 null

在最后一次迭代之后,对象中的所有值都将设置为 null

另一种方法是不改变对象,而是使用 Array.reduce 方法创建一个新对象。

使用 reduce() 将对象中的所有值设置为 Null

要将对象中的所有值设置为 null,请将对象传递给 Object.keys() 方法以获取对象键的数组并使用 reduce() 方法迭代该数组。 在每次迭代中,扩展累加器对象,将键设置为 null 值并返回结果。

const obj = {
  name: 'Tom',
  age: 30,
  country: 'Chile',
};

const newObj = Object.keys(obj).reduce((accumulator, key) => {
  return {...accumulator, [key]: null};
}, {});

// 👇️ {name: null, age: null, country: null}
console.log(newObj);

我们传递给 reduce 方法的函数会为 keys 数组中的每个元素调用。

我们将累加器变量的初始值设置为一个空对象。

在每次迭代中,我们使用扩展语法 ... 将累积对象的键值对解包到一个新对象中,将当前属性设置为 null

选择哪种方法取决于个人喜好。 我更喜欢在这种情况下使用 forEach,因为我觉得它更直接。 如果不想改变原始对象,请使用 reduce 方法。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

PHP 中的对象运算符

发布时间:2023/03/29 浏览次数:121 分类:PHP

本教程演示如何在 PHP 中使用对象运算符(->)。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便