欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js中如何使用Object.entries()方法?(代码示例)

程序员文章站 2022-03-20 16:25:41
...
Object.entries()方法可以将对象作为参数,把这个对象上可枚举属性[key,value]对作为数组的元素,然后返回这个字符串数组。下面我们就来具体看看Object.entries()方法如何使用。【相关视频教程推荐:JavaScript教程

js中如何使用Object.entries()方法?(代码示例)

基本语法:

Object.entries(obj)

说明:

1、obj:代表一个包含可枚举属性[key,value]对的对象

2、输出数组中属性的顺序与对象在for...in循环中给出的属性的顺序相同。

Object.entries()方法的使用

下面我们来通过简单示例来看看如何使用Object.entries()方法。

示例1:Object.entries()方法可以列出的所有[key,value]对。

var obj ={ name: '小明', age: 20, sex: '男' };
console.log(Object.entries(obj));

说明:在此示例中,使用三个属性[key,value]对创建了一个对象“obj”,并使用Object.entries()方法返回该对象的所有属性[key,value]对。

输出:

js中如何使用Object.entries()方法?(代码示例)

示例2:Object.entries()方法可以列出对象中指定的属性。

var obj ={ name: '小明', age: 20, sex: '男' };
console.log(Object.entries(obj)[0]);
console.log(Object.entries(obj)[2]);

说明:在此示例中,使用Object.entries()方法返回该对象的第1个和第3个属性[key,value]对。

输出:

js中如何使用Object.entries()方法?(代码示例)

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上就是js中如何使用Object.entries()方法?(代码示例)的详细内容,更多请关注其它相关文章!