浏览和管理数据结构对于每个级别的工程师来说,确实是一项非常重要的技能,需要掌握和提高。 多年来,JavaScript语言不断提供更多管理数据结构的方法,从Object.keys 到Object.values ,等等。 我最喜欢的一个是Object.entries ,这个API通过一个数组的数组来提供键和值。 让我们来看看!
考虑一下下面这个对象:
const obj = {
name: "David",
color: "green",
balance: 100
}
传统上,我们会通过for 循环遍历键,然后使用数组语法来获取值:
const obj = {
name: "David",
color: "green",
balance: 100
}
for (const key in obj) {
const value = obj[key];
}
我们现在确实有Object.keys() 和Object.values() 来获取每个值,但这两种方法都没有提供与父键或值的关系。 我非常喜欢使用Object.entries 来保持这种关系,并同时获得键和值;
Object.entries({
name: "David",
color: "green",
balance: 100
}).forEach(([key, value]) => console.log(key, value))
/*
name David
color green
balance 100
*/
Object.entries 当你需要一个键和值的时候, 是一个非常有用的方法。 扔掉那些旧的 循环和类似Array的语法,像专家一样使用 !for Object.entries