js 数组中常用方法

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() 方法就是将一个或者多个数组进行合并,  并且返回一个新的数组。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值