javascript - 在 React/ES6 中将对象键迭代到数组
问题描述
我想将键和值迭代为 es6 中的数组或做出反应。请在下面检查我的代码:
const newData = {
"id": 111,
"name": "ewfwef",
"description": "Hello"
}
const data = Object.keys(newData).forEach((item) => {console.log("item", newData[item])})
预期输出
[
{
key: id,
value: 111
},
{
key: name,
value: 'ewfef'
},
{
key: description,
value: 'Hello'
}
]
解决方案
const newData = {
id: 111,
name: "ewfwef",
description: "Hello",
};
const data = Object.keys(newData).map((key) => ({ key, value: newData[key] }));
console.log(data);
您可以通过两种方式添加两个键:
1)如果您不想更改结果数组,那么您可以在数组中推送元素
const newData = {
id: 111,
name: "ewfwef",
description: "Hello",
};
const data = Object.keys(newData).map((key) => ({ key, value: newData[key] }));
data.push({ key: "day", value: "monday" });
data.push({ key: "week", value: "7th" });
console.log(data);
2)或者你可以key-value
在源对象中
const newData = {
id: 111,
name: "ewfwef",
description: "Hello",
day: "monday",
week: "7th",
};
const data = Object.keys(newData).map((key) => ({ key, value: newData[key] }));
console.log(data);
推荐阅读
- pycharm - 即使启用了插件,R 也未在最新的 2020.1 pycharm 中激活
- javascript - 当我更改输入时,如何在 HTML 表单上自动显示 JavaScript 函数的结果?
- javascript - 遍历一个对象并启动它的功能
- javascript - 将 jqueryslidemenu 从悬停更改为单击
- excel - 在 Excel 中循环大范围时出现问题
- elasticsearch - Elastic APM 代理 KIbana UI 事务不适用
- rational-team-concert - RTC 简单 ID 查询结果为 404?
- javascript - 如何使用 Javascript 更改 HTML 按钮 onclick?
- c# - 如何将图像传递给另一个表单
- python - 通过从 HTCondor 作业运行的 python 脚本执行 bash 命令