Object.entries()和Object.fromEntries()

发布时间:2022-06-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Object.entries()和Object.fromEntries()脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、Object.entries()

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

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

  比如:

const obj = {
    name: 'jimmy',
    age: 18
}
const entries = Object.entries(obj)
console.log("entries:", entries)

  结果如下:

Object.entries()和Object.fromEntries()

 

 

 二、Object.fromEntries()

   Object.fromEntries() 方法把键值对列表转换为一个对象。

1、Object 转换操作

const obj = {
    name: 'jimmy',
    age: 18
}
const entries = Object.entries(obj)
console.log(entries)   // [Array(2), Array(2)]

const fromEntries = Object.fromEntries(entries)
console.log(fromEntries)   // {name: "jimmy", age: 18}

2、Map 转 Object

const map = new Map()
map.set('name', 'jimmy')
map.set('age', 18)
console.log(map)   // {'name' => 'jimmy', 'age' => 18}

const obj = Object.fromEntries(map)
console.log(obj)   // {name: "jimmy", age: 18}

3、过滤

const course = {
    math: 80,
    english: 85,
    chinese: 90
}
const res = Object.entries(course).filter(([key, val]) => val > 80)
console.log(res)  // [ [ 'english', 85 ], [ 'chinese', 90 ] ]
console.log(Object.fromEntries(res))  // { english: 85, chinese: 90 }

4、url的search参数转换

const queryString = "?name=jimmy&age=18&height=1.88";
const queryParams = new URLSearchParams(queryString);
const paramObj = Object.fromEntries(queryParams);
console.log(paramObj);  // { name: 'jimmy', age: '18', height: '1.88' } 

 

脚本宝典总结

以上是脚本宝典为你收集整理的Object.entries()和Object.fromEntries()全部内容,希望文章能够帮你解决Object.entries()和Object.fromEntries()所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: