美文网首页
JS对象新增方法Object.fromEntries

JS对象新增方法Object.fromEntries

作者: ITgecko | 来源:发表于2022-02-16 19:15 被阅读0次
Object.fromEntries

Object.fromEntries作为Object对象的新方法,可以视为Object.entries的反向操作
该方法可以把键值对列表转化为一个对象,入参可以是一个Map、Set、Array类型,或者其他实现了可迭代协议的可迭代对象。(可迭代协议和可迭代对象,可以参考
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols
https://es6.ruanyifeng.com/#docs/iterator

const entries = new Map([
  ['foo', 'bar'],
  ['baz', 42]
]);

const obj = Object.fromEntries(entries);

console.log(obj);
// 可以快捷地将Map和Set实例转化为对象类型
// expected output: Object { foo: "bar", baz: 42 }

现在也可以通过Object.fromEntries方法 + RLSearchParams将location上面的url search参数,快速转化为对象类型:

Object.fromEntries(new URLSearchParams(location.search))

浏览器兼容性方面,除了ie,其他主流新版本浏览器均支持该方法。

URLSearchParams

该方法传入location.search作为参数时,会自动解析url参数,并且会返回一个可迭代的URLSearchParams对象(虽然他和Map\Set有着类似的api,比如get、set、delete。但是他却不是Map和Set的实例
兼容性方面,同样是不支持ie,其他主流浏览器均支持

相关文章

  • JS对象新增方法Object.fromEntries

    Object.fromEntries Object.fromEntries作为Object对象的新方法,可以视为O...

  • js对象新增的方法

    1.object.js() 类似与相等运算符== 和严格运算符===,不过==和===都有缺点,==会自动转...

  • Object.fromEntries()

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

  • 对象

    js对象 js对象是j's的基本数据类型, js中的对象是动态的, 可以新增属性,也可以删除属性。 1.获取时间 ...

  • 对象的扩展

    对象的改变分为对象的扩展和对象的新增方法。 对象的扩展和新增的方法都有哪些? 1:属性的简洁表示法 2:属性名表达...

  • Object方法

    1. Object.fromEntries() Map转化为Object Array转化为Object 对象转换O...

  • JS新增对象Map、Set

    Map Map映射是ES6里面新增的一个对象,是一组键值对的结构,具有极快的查找速度。Map是类似Object的一...

  • 对象的拓展

    Object.fromEntries 自身可枚举属性的键值对数组转化为对象 fromEntries和entries...

  • js对象和jq对象的相互转换

    js对象转换为jq对象 把js对象用$()包裹起来,如$(js对象) 转换之后可以使用jq对象的任何方法 jq对象...

  • es6-数值扩展

    数值处理新增特性 新增方法,如数学处理 方法调整,全局方法移植到 Number 对象上 多进制表示方法 是否有穷 ...

网友评论

      本文标题:JS对象新增方法Object.fromEntries

      本文链接:https://www.haomeiwen.com/subject/tbhdlrtx.html