React / JSX:遍历具有键/值对的对象

你好,世界

我有一个对象,用于跟踪UI上已选中的复选框。

看起来像这样:

      checked: { key1: false, key2: false, key3: false, key4: false, key5: false, key6: false, key7: false, key8: false, key9: false, key10: false },

我需要能够遍历此对象并将某些值设置为true / false,这取决于用户从UI希望获得的行为。

我有两个问题:

  1. 有没有更优雅的方式来实例化呢?

  2. 我将如何使用Object.entries方法执行此操作?

我想做这样的事情,但是不起作用:


let obj = {k1: false, k2: false, k3: false}

Object.entries(obj).forEach(([key, value]) => {
    obj.value = true;
  console.log(`${key} ${value}`);

});

谢谢!

阿比托·普拉卡什(Abito Prakash)

如果需要将对象中的所有值设置为true,则可以执行以下操作

Object.keys(obj).forEach(key => obj[key] = true);

Object.keys将以数组形式返回该对象中的所有键。通过遍历该数组,然后使用,obj[key]我们可以访问对象的每个键并将其设置为true

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在React / Jsx中遍历对象列表

如何使用React.js在JSX中遍历对象

在React中遍历对象

React:如何遍历对象?

REACT JSX样式[对象对象]

克隆具有嵌套状态的 React JSX 元素

如何遍历React.js中的键值

带有数组的 JSON 对象的 React/JSX 箭头函数。

用react遍历对象数组

React JSX:遍历哈希并为每个键返回JSX元素

向对象添加新的键值对 - REACT NATIVE

如何添加键值对以声明对象React

“使用JSX时,反应必须在范围内”(react / react-in-jsx-scope在index.js上具有“ window.React = React”)

在Redux Store中难以遍历数组对象和在JSX中生成动态React元素时遇到困难

如何在React(JSX)中显示项目列表(键值对)?

遍历数据库对象并将数据附加到Javascript中具有特定键值的对象

在Realm for React Native上过滤具有null属性的对象

如何在React中映射具有动态键的对象?

我如何深克隆具有react.element的对象

如何检查数组是否具有相同的对象React Native

在 React 中输入具有默认函数的 Typescript 对象

将React JSX对象转换为HTML

如何处理React JSX对象

组件的render方法是否应该具有返回类型React.ReactNode或JSX.Element?

如何具有条件元素并保持Facebook React的JSX的DRY?

正则表达式查找具有给定属性的React JSX元素?

如何在React jsx中具有外部JSON配置文件

数组索引处的对象,具有键值

PHP 获取具有特定键值的对象