ES6API及注意点

String 字符串

includes() 返回布尔值，表示是否找到了参数字符串。

let s = 'Hello javascript!';
s.includes('o') // true

startsWith() 返回布尔值，表示参数字符串是否在原字符串的头部。

let s = 'Hello javascript!';
s.startsWith('Hello') // true

endsWith() 返回布尔值，表示参数字符串是否在原字符串的尾部。

let s = 'Hello javascript!';
s.endsWith('!') // true

这三个方法都支持第二个参数，表示开始搜索的位置。endsWith的行为与其他两个方法有所不同。它针对前n个字符

s.endsWith('Hello', 5) // true

repeat() 返回一个新字符串，表示将原字符串重复n次。

注意：

1. 参数如果是小数，会被取整。
2. 如果repeat的参数是负数或者Infinity，会报错。
3. 如果repeat的参数是字符串，则会先转换成数字。

'test'.repeat(3) // "testtesttest"
'hello'.repeat(2) // "hellohello"
'aoe'.repeat(0) // ""

padStart() 头部补全

'A'.padStart(5, 'yn') // 'ynynA'
'B'.padStart(4, 'yn') // 'ynyB'

padEnd() 尾部补全

'A'.padEnd(5, 'yn') // 'Aynyn'
'B'.padEnd(4, 'yn') // 'Byny'

matchAll() 返回一个正则表达式在当前字符串的所有匹配

const string = 'test1test2test3';

// g 修饰符加不加都可以
const regex = /t(e)(st(\d?))/g;

for (const match of string.matchAll(regex)) {
  console.log(match);
}
// ["test1", "e", "st1", "1", index: 0, input: "test1test2test3"]
// ["test2", "e", "st2", "2", index: 5, input: "test1test2test3"]
// ["test3", "e", "st3", "3", index: 10, input: "test1test2test3"]

箭头函数

var f = v => v;

// 等同于
var f = function (v) {
  return v;
};

注意：

1. 函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
2. 不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
3. 不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
4. 不可以使用yield命令，因此箭头函数不能用作 Generator 函数。

Array 数组

Array.from()

用于将两类对象转为真正的数组：类似数组的对象和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。

• 非箭头函数的函数中arguments
• NodeList（dom）

Array.of() 用于将一组值，转换为数组。

Array.of(1, 2, 3) // [1, 2, 3]
Array.of(1) // [1]
Array.of(1).length // 1

数组实例的 copyWithin()

数组实例的copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。API详情

数组实例的 find() 和 findIndex()

数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

[1, 2, 3, -4].find((n) => n < 0)
// -4
[1, 2, 3, -4].find(function(value, index, arr) {
  return value > 2;
}) // 3
[1, 2, 3, -4].findIndex(function(value, index, arr) {
  return value > 2;
}) // 2

数组实例的 fill() 使用给定值，填充一个数组。

['a', 'b', 'c'].fill(0)
// [0, 0, 0]

new Array(5).fill(0)
// [0, 0, 0, 0, 0]

fill方法还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。

['a', 'b', 'c'].fill(0, 1, 2)
// ['a', 0, 'c']

数组实例的 entries()，keys() 和 values()

ES6 提供三个新的方法——entries()，keys()和values()——用于遍历数组。它们都返回一个遍历器对象（详见《Iterator》一章），可以用for...of循环进行遍历，唯一的区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历。

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let val of ['a', 'b'].values()) {
  console.log(val);
}
// 'a'
// 'b'

for (let [index, val] of ['a', 'b'].entries()) {
  console.log(index, val);
}
// 0 "a"
// 1 "b"

数组实例的 includes()

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。数组去重

[1, 2, 3].includes(2)     // true
[1, 2, 3].includes(4)     // false
[1, 2, NaN].includes(NaN) // true

注意：该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。

数组实例的 flat()，flatMap()

数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。

注意：接收一个参数表示拉平的层级，如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。