Es6语法

1.数组的扩展

1.1 高阶函数 Map Filter Reduce

const books = ['a', 'b', 'c']

for(let i in books){
    console.log(i) // 0 1 2 索引
}

for(let i of books){
    console.log(i) // a b c 数组内容
}

const nums = [10,20,100,30,50]

//filter函数
let newNums = nums.filter( n => {
    return n < 40 
})
//newNums: [10,20,30]

//map函数
let newNums2 = newNums.map( n=> {
    return n * 2 
})
//newNums2: [20,40,60]

//redece函数
let newNums3 = newNums2.reduce((preVal, n) => {
    return preVal + n
},0)
//newNums3: 120

let total = mums.filter( n => {
    return n < 40
}).map( n => {
    return n * 2
}).reduce((preVal, n) => {
    return preVal+n
},0)

let total = mums.filter( n => n < 40).map( n => n * 2).reduce((preVal, n) => preVal + n)

1.2 some和every方法

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。
some() 方法会依次执行数组的每个元素：
如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。

some() 不会对空数组进行检测。

some() 不会改变原始数组。

array.some(function(currentValue,index,arr),thisValue)

 

1.3 Vue响应式方法

变异方法：push() pop() shift() unshift() splice() sort() reverse()

非变异方法：filter() concat() slice()

const arr = ['a','b','c','d']

arr.splice(1) // ['a']

arr.slice(1,2) // ['a','d']

arr.splice(1,2,'n','m') // ['a','n','m','d']

arr.splice(1,0,'n','m') // ['a','n', 'm', 'b', 'c', 'd']

//起始索引,删除元素个数,替换的元素参数

非响应式：通过索引设置项、修改数组长度

app.arr[1] = 'k' 非响应式 app.arr.splice(0,1,'k')响应式

2.对象的扩展

2.1 扩展运算符spread

3.Promise异步编程范式