作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个名为 shows 的对象数组:
const shows = [{
"name": "John Doe Show",
"rating": 1234,
"alternative_name": null,
},
{
"name": "Jane Doe Show",
"rating": 4321,
"alternative_name": "Alternate Name 2",
}
{
"name": "Other Show",
"rating": 8842,
"alternative_name": "Alternate Name 3",
}];
我特别想在函数 getAlternateName() 中获取 alternative_name。但我希望它的条件是它不应该为空。我该怎么做?
编辑:例如,对于 Jane Doe Show,它有一个带有“Alternate Name 2”的 alternative_name,而对于 John Doe Show,alternative_name 为空。当我使用 console.log(getAlternateName()) 时,它会显示:
[ { alternative_name: null },
{ alternative_name: 'Alternate Name 2' },
{ alternative_name: 'Alternate Name 3' } ]
但是,我只希望它显示“Alternate Name 2 和 Alternate Name 3,而不显示 null。我该怎么做?
最佳答案
使用 map
提取 alternative_name
,然后使用 filter
获取 nun-null
值。我冒昧地只返回一个字符串数组,而不是对象,以保持结果简短和集中。
const shows = [{
"name": "John Doe Show",
"rating": 1234,
"alternative_name": null,
},
{
"name": "Jane Doe Show",
"rating": 4321,
"alternative_name": "Alternate Name 2",
},
{
"name": "Other Show",
"rating": 8842,
"alternative_name": "Alternate Name 3",
}];
const alternativeNames = shows
.map(({alternative_name}) => alternative_name)
.filter(x => x)
console.log(alternativeNames)
关于javascript - 如何在 Javascript 中返回具有特定条件的对象数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58813559/
我是一名优秀的程序员,十分优秀!