【ES2019】ES10新增特性-字符串前|后空格去除、数组展开、Symbol属性描述

1. 字符串实例新增方法

对字符串实例新增了String.trimStart()String.trimEnd() 这两个方法,是对 ES5中String.trim() 方法的细分:String.trimStart() 消除字符串头部的空格,String.trimEnd() 消除尾部的空格。
它们返回的都是新字符串,不会修改原始字符串。

const s = '  abc  ';
s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"

2 数组实例新增方法

2.1 Array.flat() 方法

Array.flat() 方法用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。
Array.flat()方法的参数是一个整数,表示想要拉平的层数,默认为1,表示拉平一层。如果不管有多少层嵌套,都要转成一维数组,可以用Infinity关键字作为参数。
如果原数组有空位,Array.flat()方法会跳过空位。

[1, 2, [3, 4]].flat();    // [1, 2, 3, 4]
[1, 2, [3, [4, 5]]].flat()// [1, 2, 3, [4, 5]]
[1, 2, [3, [4, 5]]].flat(2);    // [1, 2, 3, 4, 5]
[1, [2, [3]]].flat(Infinity);    // [1, 2, 3]
[1, 2, , 4, 5].flat()    // 跳过空位:[1, 2, 4, 5]
2.2 Array.flatMap() 方法

Array.flatMap() 方法对原数组的每个成员执行一个回调函数(相当于执行Array.prototype.map()),然后对返回值组成的数组执行Array.flat() 方法。该方法返回一个新数组,不改变原数组。
Array.flatMap() 方法的参数是一个回调函数,该回调函数可以接受三个参数,分别是当前数组成员、当前数组成员的位置(从零开始)、原数组。

Array.flatMap() 只能展开一层数组。

[2, 3, 4].flatMap((x) => [x, x * 2])        // [2, 4, 3, 6, 4, 8]; 相当于 [[2, 4], [3, 6], [4, 8]].flat()

[['a','b','c'], ['A', 'B', 'C', 'D'], 100].flatMap((item,index) => {
    
    
  if (item instanceof Array) {
    
    
    item.push('我是追加的');
  }
  return item;
});     // ["a", "b", "c", "我是追加的", "A", "B", "C", "D", "我是追加的", 100]

[1, 2, 3, 4].flatMap(x => [[x * 2]]);    // [[2], [4], [6], [8]]  只能展开一层数组。

3 Symbol 实例新增方法

ES2019 提供了一个实例属性description,直接返回 Symbol 的描述。

const sym = Symbol('foo');
sym.description // "foo"

Guess you like

Origin blog.csdn.net/qq_38987146/article/details/121404848