ES10 ------ 扩展方法

简介: ES10 ------ 扩展方法

对象扩展方法 Object.fromEntries()

Object.fromEntries() 将二维数组转换为对象。

  1. 二维数组
  const result = Object.fromEntries([
        ['name','理工大学'],
        ['xueke','前端,java,大数据']
    ])
    console.log(result)

3ddd2314f48d4b13968028d2eb25d098.png

  1. Map
  const m = new Map()
    m.set('name','理工大学')
    const result = Object.fromEntries(m)
    console.log(result)

bd4dc4ccfad344bb819e66f3ff01762a.png

ES8 将对象转换为二维数组 Object.entries

  const arr = Object.entries({
        name: '理工大学'
    })
    console.log(arr)

0ba776a9216f49109229b29e104d4cd3.png

Object.fromEntries() 和 Object.entries() 相当于逆运算。

字符串的扩展方法 trimStart 和 trimEnd

  1. trimStart:清除字符串左侧空白
  2. trimEnd:清除字符串右侧空白
  let str = '   iloveyou   '
    console.log(str)
    console.log(str.trimStart())
    console.log(str.trimEnd())

999616ef83134256b900951e1ca1ae6b.png

数组扩展方法 flat 和 flatMap

  1. flat:将多维数组转化为低维数组

二维数组转化为一维

  const arr = [1,2,3,4,[5,6]]
    console.log(arr.flat())

7b287e038d584f6c98904fd4911fa90d.png

三维数组转化为二维

  const arr = [1,2,3,4,[5,6,[7,8,9]]]
    console.log(arr.flat())

f41eb513174945f484b9477ca1e368b7.png

三维数组转为一维

  const arr = [1,2,3,4,[5,6,[7,8,9]]]
    // 参数为深度,是一个数字
    console.log(arr.flat(2))

781a1b1843a1454eabdf9391e02bcab8.png

  1. flatMap:Map 返回结果如果是多维数组,可以使用 flatMap 把结果变成一维的。
  const arr = [1,2,3,4]
    const result = arr.map(item => item *10)
    console.log(result)

0a8ec011cf92417b8c74022ad1cf0f25.png

Symbol.prototype.description

用来获取 Symbol 的字符串描述。

  // 创建 Symbol
    let s = Symbol('理工大学')
    console.log(s.description) // 理工大学

不积跬步无以至千里 不积小流无以成江海

相关文章
|
4月前
|
JavaScript 网络架构
ES6-----6种变量
ES6-----6种变量
47 7
|
3月前
|
安全
ES5/ES6 的继承除了写法以外还有什么区别
ES5 和 ES6 的继承主要区别在于实现机制和语法糖。ES5 通过原型链和构造函数模拟类的继承,而 ES6 引入了 class 关键字,使继承更加直观和简洁,支持 super 调用父类方法,提升了代码可读性和维护性。
|
4月前
|
API
ES6基础----Reflect的使用
ES6基础----Reflect的使用
Java常用类--------Object类
Java常用类--------Object类
ES5 / ES6 的继承除了写法以外还有什么区别
ES5 / ES6 的继承除了写法以外还有什么区别
113 0
|
前端开发
ES11 ------ 新增属性
ES11 ------ 新增属性
114 0
ES11 ------ 新增属性