- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个看起来像这样的对象数组:
const myArr = [
{id: 1,
some_data: {
"color_1": {
"value": "red"
},
"color_2": {
"value": "blue"
},
"color_3": {
"value": "yellow"
},
"shape_1": {
"value": "square"
},
"shape_2": {
"value": "circle"
}
}
},
{id: 2,
some_data: {
"color_1": {
"value": "pink"
},
"color_2": {
"value": "orange"
},
"color_3": {
"value": "yellow"
},
"shape_1": {
"value": "square"
},
"shape_2": {
"value": "triangle"
}
}
},
{id: 3,
/* some_data: {...}*/},
{id: 4,
/* some_data: {...}*/}
]
我想遍历 myArr
并提取与颜色对应的值,以这个数组结束:
// desired output
["red", "blue", "yellow", "pink", "orange", "yellow"]
所以我发现我需要在 keys 上使用 String.prototype.startsWith()
。不幸的是,我在 myArr
上的所有尝试都没有成功。
灵感来自 this我试过的答案:
const oneAttempt = myArr.map((obj) =>
Object.keys(obj.some_data)
.filter((v) => v.startsWith('color'))
.map((e) => obj.some_data[e].value)
);
但这并不是我所需要的。这可能是一件非常简单的事情,但我没能弄明白。
最佳答案
你只需要some_data
的对象,得到一个平面映射。
const
data = [{ id: 1, some_data: { color_1: { value: "red" }, color_2: { value: "blue" }, color_3: { value: "yellow" }, shape_1: { value: "square" }, shape_2: { value: "circle" } } }, { id: 2, some_data: { color_1: { value: "pink" }, color_2: { value: "orange" }, color_3: { value: "yellow" }, shape_1: { value: "square" }, shape_2: { value: "triangle" } } }],
result = data.flatMap(({ some_data }) => Object
.keys(some_data)
.filter(k => k.startsWith('color_'))
.map(k => some_data[k].value)
);
console.log(result);
关于javascript - 如何映射对象数组以提取与以前缀开头的键对应的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71564339/
我是 firebase 的新手,我正在尝试分页查询。我喜欢有一个“下一个”和“上一个”按钮。我的下一个按钮工作正常,我的问题是单击上一个 引用:https://firebase.google.com/
抱歉,标题这么蹩脚,但我只是不知道该放什么,希望你能理解。另外,我不知道以前是否有人问过类似的问题,因为我不知道合适的关键字 - 因此也无法用谷歌搜索。 基本上...在查看preg_match_all
我想在 TFS 中 check out 一个检入文件的先前版本。我可以轻松获得特定文件的变更集 ID 列表,但无法弄清楚如何 checkout 以前的版本。 我目前的代码: var workspace
我想使用 @FunctionalInterface来 self 代码中的 Java 8,但我希望能够将生成的类文件与 Java 6 一起使用。我认为我应该将源版本设为 1.8 , 目标版本为 1.6
自从 versions 被删除以来,我一直无法找到安装以前版本软件的方法。命令并点击 Homebrew。我在 2008 Mac Pro (3,1) 上运行 macOS 10.14.3 (Mojave)
当我开始当前的项目时,App Store 中已经有一个应用程序。此应用程序仅适用于 iPhone。 我的第一个任务是测试和构建一个也可以在 iPod Touch 上运行的版本。 大约 3 周前,App
我在 GitHub 上有一个曾经是 fork 的 repo,但现在不是了,因为我已经删除了原始项目的任何痕迹并开始了一个同名的新项目。 但是,GitHub 仍然表示该项目是 fork 的。有什么方法可
我是一名优秀的程序员,十分优秀!