JavaScript中`Object.entries`语言介绍

71 阅读1分钟

浏览和管理数据结构对于每个级别的工程师来说,确实是一项非常重要的技能,需要掌握和提高。 多年来,JavaScript语言不断提供更多管理数据结构的方法,从Object.keysObject.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