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) // 理工大学

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

相关文章
|
12月前
ES5 / ES6 的继承除了写法以外还有什么区别
ES5 / ES6 的继承除了写法以外还有什么区别
|
前端开发
|
JavaScript
ES6----ES6模块化
ES6----ES6模块化
|
前端开发
ES11 ------ 新增属性
ES11 ------ 新增属性
101 0
ES11 ------ 新增属性
ES7 新特性 ------ includes 和 **
ES7 新特性 ------ includes 和 **
|
网络架构
ES9 新特性 ------ 扩展运算符
ES9 新特性 ------ 扩展运算符
|
JavaScript 前端开发
ES6 ------ 基础(五)
ES6 ------ 基础(五)