ES6小实验-复习数组
ES6给数组添加了不少方法,我先把之前的方法总结一下:
1.Array.isArray():检测数组
var arr = ['a','b','c'] var str = 'abc' console.log(Array.isArray(arr))//true console.log(Array.isArray(str))//false
2.push():接收任意数量的参数,把它们逐个添加到数组末尾
var arr = ['a','b','c'] var item = arr.push('d','e') console.log(item)//5 console.log(arr)//["a", "b", "c", "d", "e"]
3.pop():从数组末尾移除最后一项
var arr = ['a','b','c'] var item = arr.pop() console.log(item)//c console.log(arr)//["a", "b"]
4.shift():移除数组第一项并返回该项
var arr = ['a','b','c'] var item = arr.shift() console.log(item)//a console.log(arr)//["b", "c"]
5.unshift():能在数组前端添加任意个项并返回新数组长度
var arr = ['a','b','c'] var item = arr.unshift('d','e') console.log(item)//5 console.log(arr)//["d", "e", "a", "b", "c"]
6.reverse():反转数据项的顺序,注意它已经把原数组改变了
var arr = [2,4,6,3,1] console.log(arr.reverse())//[1, 3, 6, 4, 2] console.log(arr)//[1, 3, 6, 4, 2]
7.sort():可以接收一个比较函数作为参数,比较函数接收两个参数,如果第一个参数应该位于第二个参数之前则返回一个负数,两参数相等则返回0,如果第一个参数应该位于第二个参数之后则返回一个正数
var arr = [2,4,6,3,1] arr.sort(function(a,b) { return a - b }) console.log(arr)//[1, 2, 3, 4, 6]
8.concat():基于当前数组中的所有项创建一个新的数组,感觉字符串的操作方法类似
var arr1 = ['a','b','c'] var arr2 = ['d','e','f'] var arr = arr1.concat(arr2) console.log(arr)//["a", "b", "c", "d", "e", "f"] console.log(arr1)//["a", "b", "c"]
9.slice():截取原数组,构建一个新的数组,原数组保持不变
var arr = ['a','b','c','d','e'] var arr1 = arr.slice(2) var arr2 = arr.slice(2,3) console.log(arr1)//["c", "d", "e"] console.log(arr2)//["c"]
10.splice():这恐怕是最强大的数组方法,增,删,改,操作全能
(1)增,可以向指定位置插入任意数量的项,只需提供三个参数,起始位置,0(要删除的项数)和要插入的项
var arr = ['a','b','c'] arr.splice(1,0,'d','e') console.log(arr)//["a", "d", "e", "b", "c"]
(2)删,提供两个参数,要删除的第一项的位置和要删除的项数
var arr = ['a','b','c','d'] arr.splice(1,2) console.log(arr)//["a", "d"]
(3)改,结合上面两种方式,先删再增就是改
var arr = ['a','b','c','d','e'] arr.splice(1,2,'f','g') console.log(arr)//["a", "f", "g", "d", "e"]
11.indexOf(),lastIndexOf() 它们都接收两个参数,要查找的项和查找起点位置的索引(可选的),indexOf()从开始向后查找,lastIndexOf从末尾向前查找
var arr = ['a','b','c','d','c','e'] console.log(arr.indexOf('c', 3))//4 console.log(arr.lastIndexOf('c', 3))//2
12.every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true
var num = [1,2,3,4,5,6] var everyResult = num.every(function(item, index, array){ return (item > 0) }) console.log(everyResult)//true
13.filter():对数组中的每一项运行给定的函数,返回该函数会返回true的项组成的数组
var num = [1,2,3,4,5,6] var filterResult = num.filter(function(item, index, array){ return (item > 3) }) console.log(filterResult)//[4, 5, 6]
14.forEach():对数组中的每一项运行给定的函数,这个方法没有返回值
var num = [1,2,3,4,5,6] num.forEach(function(item, index, array){ console.log(item)//1,2,3,4,5,6 })
15.map():对数组中每一项运行给定的函数,返回每次函数调用的结果组成的数组
var num = [1,2,3,4,5,6] var mapResult = num.map(function(item, index, array){ return item * 2 }) console.log(mapResult)//[2, 4, 6, 8, 10, 12]
16.some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true
var num = [1,2,3,4,5,6] var someResult = num.some(function(item, index, array){ return item > 5 }) console.log(someResult)//true
17.reduce(),reduceRight():迭代数组的所有项,然后构建一个最终返回的值,reduce()从第一项开始,reduceRight()从最后一项开始
var num = [1,2,3,4,5,6] var reduceResult = num.reduce(function(prev, cur, index, array){ return prev + cur }) console.log(reduceResult)//21