在一些场景需要过滤 js 对象中的属性,以前我的处理方式是使用Object.keys、filter等一些方法配合处理,代码比较蠢,大概是这样的:

let course = {
	math: 89,
	chinese: 68,
	english: 82
}

需要过滤分数大于80分的属性

let arr = []
let obj = {}
arr = Object.keys(course).filter(key=> course[key] > 80)
arr.forEach(key=> {
	obj[key] = course[key]
})
console.log(obj) //{math: 89, english: 82}

接下来介绍另一种解决方案,相对来说更加的便捷且稳定
使用ES8的Object.entries()以及ES10的Object.fromEntries()

Object.entries():返回一个数组,成员是参数对象自身所有可遍历属性的键值对数组
个人理解:就是二维数组,里面的每一项都是由对象的key、value组成的数组

const obj = {
	name: '张三',
	age: 18
}
console.log(Object.entries(obj))
// [['name', '张三'], ['age', 18]]

Object.fromEntries(): 就是把键值对列表转换为对象,这个键值对就是Object.entries()生成的

Object.fromEntries([['name', '张三'], ['age', 18]])
// {name: '张三', age: 18}

有了这两个方法就可以更便捷的实现对象过滤了,具体实现如下:

const res = Object.entries(course).filter(([key, val]) => val > 80)
const objRes = Object.fromEntries(res)
console.log(objRes)
// {math: 89, english: 82}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐