在 ES7 中,Object 对象新增了两个静态方法:Object.entries() 和 Object.values(),这两个方法可以方便地获取对象的属性和属性值,让我们来详细了解一下它们的用法和指导意义。
Object.entries()
Object.entries() 方法返回一个给定对象自己可枚举属性的键值对数组。它的语法如下:
Object.entries(obj)
其中,obj 是要获取属性的对象。该方法返回的结果是一个二维数组,其中每个子数组包含两个元素:第一个元素表示属性名,第二个元素表示属性值。
下面是一个示例:
const obj = { a: 1, b: 2, c: 3 }; const entries = Object.entries(obj); console.log(entries); // Output: [ ["a", 1], ["b", 2], ["c", 3] ]
上面的代码中,我们定义了一个对象 obj,它有三个属性:a、b 和 c。然后,我们调用 Object.entries() 方法获取 obj 对象的属性和属性值,并将结果保存在 entries 变量中。最后,我们打印 entries 变量的值,输出的结果是一个二维数组,其中每个子数组包含两个元素:属性名和属性值。
Object.values()
Object.values() 方法返回一个给定对象自己可枚举属性的属性值数组。它的语法如下:
Object.values(obj)
其中,obj 是要获取属性值的对象。该方法返回的结果是一个一维数组,其中每个元素表示一个属性的值。
下面是一个示例:
const obj = { a: 1, b: 2, c: 3 }; const values = Object.values(obj); console.log(values); // Output: [ 1, 2, 3 ]
上面的代码中,我们定义了一个对象 obj,它有三个属性:a、b 和 c。然后,我们调用 Object.values() 方法获取 obj 对象的属性值,并将结果保存在 values 变量中。最后,我们打印 values 变量的值,输出的结果是一个一维数组,其中每个元素表示一个属性的值。
指导意义
Object.entries() 和 Object.values() 方法可以让我们更方便地获取对象的属性和属性值,尤其在遍历对象时非常有用。它们的出现也体现了 JavaScript 语言的不断进化和改进,让我们可以更加高效地编写代码。
除了 Object.entries() 和 Object.values(),ES7 还新增了其他一些有用的特性,例如 Array.prototype.includes()、指数运算符(**)等等,这些特性都可以让我们更加方便地编写 JavaScript 代码。
总结
本文介绍了 ES7 中的两个静态方法 Object.entries() 和 Object.values(),它们可以方便地获取对象的属性和属性值。除此之外,本文还介绍了这些方法的语法和示例,并探讨了它们的指导意义。希望本文对你对 JavaScript 编程有所启发,让你可以更加高效地编写代码。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/657c0cafd2f5e1655d6cbea5