美文网首页
ES10中的对象拓展

ES10中的对象拓展

作者: 技术小王 | 来源:发表于2021-06-30 08:01 被阅读0次

今天小编要更新的是es10对于对象的扩展,是一个在Object下面的静态方法,Object.fromEntries(),这个方法和之前的Object.entries()是两个互逆的操作。我们在之前在针对对象拓展的时候,有这样一个方法,我们可以这样使用。大家还可以关注我的微信公众号,蜗牛全栈。

const obj  = {
    name:"lilei",
    age:12
}
const entries= Object.entries(obj)
console.log(entries) // [["name","lilei"],["age",12]]

通过今天对对象的扩展方法,我们就可以这样用

const entries = [["name","lilei"],["age",12]]
const fromentries = Object.fromEntries(entries)
console.log(fromentries)  // {name:"lilei",age:12}

下面针对这个新增扩展,列举一些实际应用场景
1、将map转换为对象

const map = new Map()
map.set("name","lilei")
map.set("age",18)
console.log(map) // Map(2){name:"lilei",age:18}

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

2、根据指定条件,过滤对象的内的属性和值

// 获取对象内大于80分的课程和分数
const course= {
    math:12,
    English:90,
    Chinese:87
}
// 数组的方法更多,所以先将对象将转换为数组
const res = Object.entries(course).filter(([key,value]) => {
    return value > 80
})
console.log(res) // [["English",90],["Chinese",87]]
console.log(Object.fromEntries(res)) // {English:90,Chinese:87}

相关文章

  • ES10中的对象拓展

    今天小编要更新的是es10对于对象的扩展,是一个在Object下面的静态方法,Object.fromEntries...

  • ES6学习(18)

    ES10 新特性 Object.fromEntries 将二维数组或者map转换成对象; trimStart 和 ...

  • ES10对象和Symbol扩展

    今天和大家一起学习es10中对象和Symbol的扩展,虽然这两个特性在实际项目应用的较少,至少先混个脸熟,看到大佬...

  • 【iOS】类别和类拓展

    类别(Category)和类拓展(Extension)是Objective-C中独有的用于拓展类对象的机制。 类别...

  • 扩展对象的功能性.md

    对象扩展 对象类别 在ES6中,对象分为下面几种叫法。 普通对象 特异对象 标准对象 内建对象 对象字面量语法拓展...

  • 对象的拓展

    对象属性的简写 当对象的属性名和变量名一样时,可以简写。如 对象方法的简写 Object.assign() Obj...

  • 对象的拓展

    1、属性的简介表示法ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简介。 除了属性简写,方法也...

  • 对象的拓展

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

  • ES6 数组拓展、对象拓展、函数、类的语法

    一、数组的拓展 二、对象的拓展 三、函数的拓展 四、class基本语法

  • 高级技巧

    不可拓展对象: preventExtensions(想要禁止拓展的对象):这个是Object的静态方法,它可以用于...

网友评论

      本文标题:ES10中的对象拓展

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