js中常用的Array方法
forEach(ES5中Array使用最频繁)
遍历,循环输出,它接受一个必须的回调函数作为参数。
但是forEach不会遍历空元素
例子:
var array= [1,2,3,4]
array.forEach((item)=>{
console.info(item);
})
//1
//2
//3
//4
相比for循环,forEach简洁了很多,forEach方法中的回调函数支持3个参数。
value:是遍历的数组内容;index:是对应的数组索引,array:是数组本身。
array.forEach((value, index, array)=> {});
forEach除了接受一个回调函数作为参数,还接受一个可选的上下文参数(改变回调函数里面的this指向)。array.forEach(callback,[thisObject])
map (ES5中Array使用最基本)
遍历,不同是的最终输出一个新的数组
callback的参数跟forEach一样。
array.map(callback,[thisObject]);
array.map(function(value, index, array) {
//callback需要有return值
});
map函数是把原数组被“映射”成一个新数组
let array1 = [1, 2, 3, 4]
let array2 = array1.map( (item, index, array) => {
return item * item
});
console.info(array2); // [1,4,9,16]
filter (过滤、筛选)
filter的callback函数需要返回布尔值true或false(返回值只要是弱等于== true/false就可以了),callback需要有return值。
array.filter(callback,[thisObject]);
例子:
const array4 = [0, false, 2, 3];
const array5 = array4.filter(function(item) {
return item;
});
console.info(array5); // [2, 3],数组中array4的前2个组返回0和false则被过滤掉
some
some意指“某些”,指是否“某些项”合乎条件。用法如下:
array.some(callback,[thisObject]);
some要求至少有1个值让callback返回true就可以了,如下例子:
const arrFraction = [60, 80, 95, 70];
const passFraction = 90;//有一个人高于90分就通过入学考试
const result = arrFraction.some((item)=>{
return item > passFraction
})
if(result){
console.info("通过入学考试");
}
every
every意指“每一项”,指所有必须合乎条件,只要一项不符合则返回false。用法如下:
const arrFraction = [91, 93, 95, 89];
const passFraction = 90;//所有人高于90分就通过入学考试
const result = arrFraction.every((item)=>{
return item > passFraction
})
if(result){
console.info("通过入学考试");
}else{
console.info("不通过入学考试");
}
reduce (常用来求数组项之和,数组中的最小值)
reduce意指“缩减”,它接收一个函数作为累加器,对数组中的每个值从左到右遍历进行操作,最终计算为一个值。用法如下:
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
//total 必需。初始值, 或者计算结束后的返回值
//currentValue 必需。当前元素
//currentIndex 可选。当前元素的索引
//arr 可选。当前元素所属的数组对象。
//initialValue 可选。传递给函数的初始值,也就是total的初始值
2022.10.12新增:JS 对数组对象进行排序
1.对Number类型的数组排序是很简单的
var arr = [123,203,23,13,34,65,65,45,89,13,1];
function func(a,b){
return a-b;
}
console.log(arr.sort(func)); //(11) [1, 13, 13, 23, 34, 45, 65, 65, 89, 123, 203]
2.对数组元素为对象的数组进行排序也很简单,可以写一个下面的公共方法
compare(attr, rev) {/** 两个参数: 参数1 是排序用的字段, 参数2 是:是否升序排序 true 为升序,false为降序*/
console.log(attr, rev);
if (rev == undefined) {
rev = 1;
} else {
rev = rev ? 1 : -1;
}
return (a, b) => {
a = a[attr];
b = b[attr];
if (a < b) {
return rev * -1;
}
if (a > b) {
return rev * 1;
}
return 0;
};
},
页面中使用:
const lt = [{ value: 88, label: '北京' },
{ value: 100, label: '全网' },
{ value: 23, label: '西安' },
{ value: 60, label: '武汉' },
{ value: 36, label: '丰台' }];
this.list = lt.sort(this.compare('value', false));
console.log(this.list);
//结果:[{"value":100,"label":"全网"},{"value":88,"label":"北京"},{"value":60,"label":"武汉"},{"value":36,"label":"丰台"},{"value":23,"label":"西安"}]