常用JS的Array数组方法
前端设计 2023-09-28 3275次
every
对数组中每一项进行给定函数,如果每一项都满足条件则返回true,否则返回false;
var numbers = [1,2,3,4,5,4,3,2,1];
var result = numbers.every((item,index,array) => {
return item >2 ;
});
alert(result ); //false
some
对数组中每一项进行给定函数,如果任意一项满足条件则返回true,否则返回false;
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.some(function(item,index,array){
return item>2;
});
alert(everyResult); //true
filter
对数组中每一项进行给定函数判断,返回满足函数条件的项组成的数组
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.filter(function(item,index,array){
return item>2;
});
alert(everyResult); // [3,4,5,4,3]
map
对数组中每一项进行给定函数,返回执行后的结果组成的数组
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.map(function(item,index,array){
return item*2;
});
alert(everyResult); // [2, 4, 6, 8, 10, 8, 6, 4, 2]
forEach
遍历数组,类似for循环
var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item,index,array){
if(item!=2){ //如果不是2
numbers.splice(index,1,2); //替换成2
}
});
alert(numbers); // [2, 2, 2, 2, 2, 2, 2, 2, 2]
reduce && reduceRight
这两个方法迭代数组所有项,然后构建一个最终返回的值。
reduce从左到右,reduceRight从右到左。
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev,cur,index,array){
return prev + cur;
});
alert(sum); //15
检测数组instanceof && array.isArray
var values = [1,2,3];
if(values instanceof Array){
//对数组进行某些操作
}
if(Array.isArray(values)){
//对数组进行某些操作
}
join
将数组转换成字符串,且用分隔符分隔
var colors = [1,2,3];
alert(colors.join("|")); // 1|2|3
toString
将数组转换成字符串
var color = [1,2,3];
console.log(color.toString());// 1,2,3
valueOf
将数组转换成字符串,返回数组值
var color = [1,2,3,4];
console.log(color.valueOf());//1,2,3,4
push && pop && shift && unshift
push() 从数组末尾添加
pop() 从数组末尾移除
shift() 从数组前端移除
unshift() 从数组前端添加
reverse
反转数组,返回数组
var color = [1,2,3,4,5];
console.log(color.reverse());//[5, 4, 3, 2, 1]
console.log(Array.isArray(color.reverse()));//true
sort
排序返回数组,默认是升序,
var color = [1,2,3,4,5];
var color2 = color.sort((a,b) => {
return b-a; //降序
//return a-b;升序
//retun 是 负数;
});
console.log(color2);
// [5, 4, 3, 2, 1]
concat
用于复制或者从尾部添加–>创建新数组
先创建一个当前数组的副本,然后将添加的数组添加到末尾,返回新的数组。如果没有传参数,直接复制返回新构建的数组。
var values = [1,2,3];
var v1 = values.concat();
var v2 = values.concat(4);
console.log(values); //[1,2,3];
console.log(v1); //[1,2,3]
console.log(v2); //[1,2,3,4]
splice
splice() 方法用于插入、删除或替换数组的元素。
array.splice(index,num,arr);
返回被删除的元素
/**
*index:修改的位置即下标数字
*num:删除的长度,默认是至结尾
*arr:添加进去的数组
**/
删除demo:
var values = [1,2,3,4,5,6];
var v = values.splice(0,2);
console.log(values); //[3,4,5,6]
console.log(v); //[1,2]
插入demo:
var values = [1,2,3,4,5,6];
var v1 = values.splice(1,0,1,1,1);
console.log(values); //[1,1,1,1,2,3,4,5,6]
console.log(v1); //[]
替换demo:
var values = [1,2,3,4,5,6];
var v1 = values.splice(1,2,1,1,1);
console.log(values); //[1,1,1,1,4,5,6]
console.log(v1); //[2,3]
slice
用于复制或截取数组–>创建新数组,截取当前数组的一部分创建一个新数组。可以接受一个或者两个参数,只有一个参数时返回指定位置到尾部的数组。两个参数时,返回指定位置到结束位置之前但不包括结束位置的数组。
var values = [1,2,3];
var v1 = values.slice();
var v2 = values.slice(1);
var v3 = values.slice(1,3);
console.log(values); //[1,2,3]
console.log(v1); //[1,2,3]
console.log(v2); //[2,3]
console.log(v3); //[2,3]
indexOf && lastIndexOf
返回元素在数组的位置
var values = [1,2,3,4,5];
indexOf() 从头找指定项的位置
var v1 = values.indexOf(3);
lastIndexOf() 从后往前查位置
var v2 = values.lastIndexOf(3);
两者如果没查到都返回-1