ES6常用的语法

一.数组的扩展

1.push

const arr = ['1','2']
const arr1 = ['3']
//常用
arr.push(arr1)     
arr  //   ['1','2','3']

//es6
arr.push(...arr1)
arr  //   ['1','2','3']     

2.concat

const arr = ['1','2']
const arr1 = ['3']
const arr2 = ['4']

arr.concat(arr1 ,arr2 )   // ['1','2','3','4']

[...arr,...arr1,...arr2]   // ['1','2','3','4']

3.find，findIndex

[1, 2, 3, 4].findIndex(n=>n>3) //4


[11, 2, 3, 4].findIndex(n=>n>3) //0  返回第一个匹配的索引

 findIndex与indexOf的区别就是，他可以找到NaN

[NaN].findIndex(y => Object.is(NaN, y))  //0

4.includes

[11, 12, 13].includes(14); //false
[11, 12, 13].includes(11); //true

[11, 12, NaN].includes(NaN); //true

二.字符串的扩展

1.模板字符串

let date = new Date().getFullYear();
    this.$refs.done.append(`
    <span>${date}</span>
    `)