数组方法的总结
(一)jion(separator)方法
join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。代码如下:
var arr=[1,2,3,4,5,"a"];
console.log(arr.join());//1,2,3,4,5,a
console.log(arr.join(""));//12345a
console.log(arr.join("-"));//1-2-3-4-5-a
console.log(arr);//[1,2,3,4,5,"a"]
(二)push()和pop()方法
push():可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。
pop():数组末尾移除最后一项,减少数组的 length 值,然后返回移除的项。
代码如下:
var arr=[1,2,3,4,5];
var arrs=arr.push("a","b","c");
console.log(arrs);//8
console.log(arr);//[1,2,3,4,5,"a","b","c"]
var arrs1=arr.pop();
console.log(arrs1);//"C"
console.log(arr);//[1,2,3,4,5,"a","b"
(三)shift()和unshift()方法
shift():删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined。unshift:将参数添加到原数组开头,并返回数组的长度 。这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。代码如下:
var arr=["a",1,2,3,4,5];
var arrs=[];
console.log(arrs.shift());//undefined
var arrs1=arr.shift();
console.log(arrs1);//a
console.log(arr);//[1,2,3,4,5]
var arrs2=arr.unshift("a","b","c");
console.log(arrs2);//8
console.log(arr);//["a","b","c",1,2,3,4,5]
(四)sort()方法
sort():按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。
var arr=["c","e","a","b","d"];
console.log(arr.sort());//["a","b","c","d","e"];
var arrs=[5,64,13,34,2];
console.log(arrs.sort());//[13,2,34,5,64]是把数据转换为字符串类型来排列的
数组中数字按升序排列
function com(value1,value2){
if(value1<value2){
return -1;
}else if (value1>value2) {
return 1;
}else{
return 0;
}
}
console.log(arrs.sort(com));//[2,5,13,34,64]
(五)reverse()方法
reverse():反转数组项的顺序
var arr=[13,24,51,3];
console.log(arr.reverse());//[3, 51, 24, 13]
console.log(arr);//[3, 51, 24, 13]原数组发生改变
(六)concat()方法
concat() :将参数添加到原数组中。这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给 concat()方法传递参数的情况下,它只是复制当前数组并返回副本。
var arr=[1,2,3,4,5];
var arrs=arr.concat();
console.log(arrs);//[1,2,3,4,5]
var arrs1=arr.concat(["a","b"]);
console.log(arrs1);// [1, 2, 3, 4, 5, "a", "b"]
(七)slice()方法
slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。
var arr=[1,3,5,7,9,3,8,7,9,11,4,2];
var arrs=arr.slice(3,8);
var arrs1=arr.slice(1);
console.log(arrs);//[7,9,3,8,7]
console.log(arrs1);// [3, 5, 7, 9, 3, 8, 7, 9, 11, 4, 2]
(八)splice()方法
splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。
删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。例如, splice(0,2)会删除数组中的前两项。
插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。例如,splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1,4,6)会删除当前数组位置 2 的项,然后再从位置 2 开始插入4和6。
var arr= [1,3,5,7,9,11];
var arrRemoved= arr.splice(0,2);
console.log(arr);//[5,7,9, 11]
console.log(arrRemoved);//[1,3]
var arrRemoved2= arr.splice(2,0,4,6);
console.log(arr);// [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2);//[]
var arrRemoved3= arr.splice(1,1,2,4);
console.log(arr);//[5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3);//[7]
(九)indexOf()和lastindexOf()方法
indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。
lastIndexOf:接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的末尾开始向前查找。
var arr= [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5));//2
console.log(arr.lastIndexOf(5));//5
console.log(arr.indexOf(5,2));//2
console.log(arr.lastIndexOf(5,4));//2
console.log(arr.indexOf("5"));//-1
(十)forEach()方法
forEach():对数组进行遍历循环,这个方法没有返回值,参输都是function类型,默认有传参,参数分别为:遍历的数组内容;第对应的数组索引,数组本身。.
var arr=[1,2,3,4,5,6];
arr.forEach(function(a,b,c){
console.log(a,b,c);
})
// 1 0 [1,2,3,4,5,6]
// 2 1 [1,2,3,4,5,6]...
(十一)map()方法
map():指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
var arr=[1,2,3,4,5];
var arrs=arr.map(function(x){
return x*x;
})
console.log(arrs);//[1,4,9,16,25]
(十二)filter()方法
filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组。
var arr=[1,2,3,4,5,6,7,8,9,10];
var arrs=arr.filter(function(x,index){
return index<2||x%2==0;
})
console.log(arrs);//[1, 2, 4, 6, 8, 10]
(十三)every()方法
every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。
var arr=[1,2,3,4,5];
var boo1=arr.every(function(x){
return x<6
})
console.log(boo1);//true
var boo2=arr.every(function(x){
return x>3;
})
console.log(boo2);//false
(十四)some()方法
some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。
var arr=[1,2,3,4,5];
var boo=arr.some(function(x){
return x>3;
})
console.log(boo);//true 只有一项满足
var boo1=arr.some(function(x){
return x>6;
})
console.log(boo1);//false 都不满足
(十五)reduce()和 reduceRight()方法
reduce()方法从数组的第一项开始,逐个遍历到最后。而 reduceRight()则从数组的最后一项开始,向前遍历到第一项。
var values= [1,2,3,4,5];
var sum= values.reduceRight(function(a,b,index, array){
console.log(a,b,index,array);
return a + b;
},10);
console.log(sum);//25
var arr = [1,2,3,4];
var arrs= arr.reduce(function(a,b,index,array){
console.log(a,b,index,array)
return a+b //最终结果为10
})
console.log(arrs);//10
//第一个参数初始值,第二个遍历数组时的对应值,第三个下标,第四个数组
//用reduce()实现数组求和,数组一开始加了一个初始值10。