Object.entries()

这篇具有很好参考价值的文章主要介绍了Object.entries()。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。

其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)。

语法

Object.entries(obj)

参数

obj:可以返回其可枚举属性的键值对的对象。

返回值

给定对象自身可枚举属性的键值对数组。

描述

Object.entries()返回一个数组,其元素是与直接在object上找到的可枚举属性键值对相对应的数组。属性的顺序与通过手动循环对象的属性值所给出的顺序相同。

参数为对象

const obj = { name: 'xiaoming', age: 'seven',sex: 'man', grade: 'four' }; 
const res = Object.entries(obj) 
console.log(res); 

运行结果:

Object.entries()

参数为数组

const obj = [1,2,3,4,5,6]
const res = Object.entries(obj) 
console.log(res); 

运行结果:

Object.entries()

参数为数组(数组中包含对象 )

const obj = [1,2,3,4,5,6,{a:'a'},{b:'b'},{c:'c'}]
const res = Object.entries(obj) 
console.log(res); 

运行结果:
Object.entries()

参数为数组(数组中元素为对象)

const obj = [{a:'a'},{b:'b'},{c:'c'}]
const res = Object.entries(obj) 
console.log(res); 

运行结果:
Object.entries()

Object转换为Map

new Map()构造函数接受一个可迭代的entries。借助Object.entries方法你可以很容易的将Object转换为Map

const obj = { name: 'xiaoming', age: 'seven',sex: 'man', grade: 'four' }; 
console.log(Object.entries(obj));
const map = new Map(Object.entries(obj)); 
console.log(map); 

运行结果:

Object.entries()

总结

Object.entries() 可以把一个对象的键值以数组的形式遍历出来,结果和 for...in 循环遍历该对象时返回的结果一样,但是不会遍历其原型属性。文章来源地址https://www.toymoban.com/news/detail-400908.html

到了这里,关于Object.entries()的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包