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')响应式