Array.map() 数组的map 方法()
let array = [1, 2, 3, 4, 5];; let newArr = array.map(x=> x*2);
array = [1, 2, 3, 4, 5]; newArr = [2, 4, 6, 8, 10];
此方法是将数组中每一元素调用成一个提供函数, 结果作为一个数组返回, 并没有改变原来的数组。
2: 数组的forEach() 方法:
此方法是将数组中每一元素执行传进一个提供函数, 没有返回值。 注意和map 方法的区分:
let arr = [1, 2, 3, 4, 5];
arr.forEach(x=> x*2); arr = [1, 2, 3, 4, 5]; 数组改变, 注意和 map 方法方法的区分。
3: Arrray.filter()
此方法是将所有的元素进行判断, 将满足条件的元素作为一个新的数组返回
let arr = [1, 2, 3, 4, 5];
const isBigEnough = value => value >= 3;
let newArr = arr.filter(isBigEnough);
newArr = [3, 4, 5]; // 将满足条件的元素返回一个新的数组
4: Array.every();
此方法是将所有的元素进行判断返回一个布尔值, 如果所有元素都满足条件, 则返回true, 否则返回false;
let arr = [1, 2, 3, 4, 5];
const isLessThan4 = value => value <= 4;
const isLessThan6 = value => value <= 6;
arr.every(isLessThan4) // 结果返回布尔值 false
arr.every(isLessThan6) // 返回值为布尔值 true
5: Array.some();
此方法是将所有的元素进行判断, 如果存在的元素都判断条件, 则返回true, 如果所有的元素不满足条件则返回false;
let arr = [1, 2, 3, 4 ,5];
const isLessThan4 = value => value < 4;
const islessThan6 = value => value > 6;
arr.some(isLessThan4); // true
arr.some(islessThan6); // false
every(), some() 方法都是需要跟上回调函数,
6: reduce() 方法:
此方法是所有元素调用的返回函数, 返回值为最后结果。 传入的值必须是函数类型。
let arr = [1, 2, 3, 4, 5];
const add = (a+b) => a + b;
let sum = arr.reduce(add);
// sum = 15; 说明相当于累加的和
与之对应的还有一个Array.reduceRight() 方法, 区别就是这个从右向左从左操作。
7: Array.push(); 方法 在数组后面追加新元素, 并返回新的数组, 改变数组的长度。
let arr = [1, 2, 3, 4];
arr.push(5);
console.log(arr); // arr [1, 2, 3, 4, 5];
8: arr.pop(); 在数组后面删除一项元素, 返回新的数组。 并改变数组的长度。
9: let arr = [1, 2, 3, 4 ,5];
arr.pop(5); // 在数组最后删除一项 // 返回新的数组
10: Array.shift(); 此方法是在数组最前删除一个元素, 返回新的数组。 改变数组的长度。
let arr = [1, 2, 3, 4, 5];
arr.shift(); // 删除数组第一个元素, 并返回新的数组, 并且改变数组的长度。
11: Array.unshift(); // 此方法是在数组最前边删除一个元素, 返回新的数组。 并且改变数组的长度。
12: Array.isArray(); // 判断一个对象是不是数组, 并且返回值是一个布尔值。
应用场景就是对: 对后端返回的数据格式进行校验。 如果为数组数据类型, 则进行赋值操作。
13: Array.concat(): 数组合并
concat() 方法就是将一个或者多个数组进行合并, 并且返回一个新的数组。
js 数组中常用方法
于 2022-02-08 17:52:14 首次发布