数组方法、去重、冒泡、选择、反转、扁平化数组
some 数组中是否有满足条件的 返回布尔值,如果遇到一个满足条件的,就会直接跳出
var arr=[1,2,3,4,5,6,7];
var bool=arr.some(function(item,index,arr){
return item>4;//判断每个元素是不是有大于4的
});
console.log(bool);
ever 数组中是否所有元素都满足条件,返回布尔值,如果遇到一个不满足条件的,就会直接退出
filter 筛选数组中满足条件的元素,返回满足条件元素组成的数组
find 在数组中找到满足条件的第一个元素,返回,并且不在继续向后循环
var o=arr.find(function(item){
return item.id===1003;
})
console.log(o);
reduce 归并
// reduce return结果会传递给下一次遍历时的value,遍历完成后返回最终value值
arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
参数
callback
执行数组中每个值 (如果没有提供 initialValue则第一个值除外)的函数,包含四个参数:
accumulator
累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(见于下方)。
currentValue
数组中正在处理的元素。
index 可选
数组中正在处理的当前元素的索引。 如果提供了initialValue,则起始索引号为0,否则从索引1起始。
array可选
调用reduce()的数组
initialValue可选
作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值,则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。
//****不用理解,会用
var sum=arr.reduce(function(value,item,index,arr){
console.log(value,item,index,arr);
return value;
})
console.log(sum)
// 如果有reduce的初始值,value开始就是这个初始值,并且item会从第0项开始遍历
var sum=arr.reduce(function(value,item,index){
console.log(value,item,index);
return value+item;
},100);
console.log(sum)
// 自己写的例子
v 相当于[]或者说v=[]
var arr1=arr.reduce(function(v,t){
if(v.indexOf(t)<0) v.push(t);
return v;
},[])
// 随机颜色
var div=document.getElementById("div1");
div.onclick=function(){
div.style.backgroundColor=Array(6).fill(1).reduce(function(value,item){
return value+parseInt(Math.random()*16).toString(16);
},"#")
}
Array 的静态方法
//判断给入的内容是不是数组
Array.isArray(arr);//静态方法
数组用typeof判断是object只能用Array.isArray()来判断
arr.push实例化方法
arr.constructor===Array
判断这个变量的构造函数是不是Array
iterable迭代器
Array.from(divs)
ES6
HTMLCollection
arguments
NodeList
Set
Map
将迭代器对象转换为数组
ES5使用 将迭代器对象转换为数组
var arr=Array.prototype.slice.call(divs);
// var arr=Array.prototype.concat.apply([],divs);
// console.log(arr)