首页  >  文章  >  web前端  >  js中如何使用Object.entries()方法?(代码示例)

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

青灯夜游
青灯夜游原创
2018-12-28 11:16:417071浏览

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()方法?(代码示例)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn