ES6中,常用的数组方法

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6中,常用的数组方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

1.filter

filter:“过滤”、“筛选”。指数组filter后,返回新数组(通过callback函数测试的所有元素)。

VAR a1 = ['a', 10, 'b', 20, 'c', 30];
var a2 = a1.filter(function(ITem) {
            //callback必须返回true或者false,返回true保留该元素,false不保留。
             return tyPEof item === 'number';
          });
console.LOG(a2); // [10,20,30]

2.map
map:方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组.
不修改调用的原数组

var a = [1, 2, 3, 4, 5]
var b = a.map((
        return item + 1;
    });
console.log(b);   // [2, 3, 4, 5, 6]
var b2 = a.map((item) => {
      if(item >3){
        return item;
      }
  });
console.log(b2);   // [undefined, undefined, undefined, 4, 5]

3.foreach
简单来说,就是遍历数组元素

var a = [1, 2, 3, 4, 5];

var b = [];
a.forEach((item) => {
    b.push(item + 1);
});
console.log(b); // [2,3,4,5,6]

4.fill
fill: 使用给定值,填充一个数组从起始索引到终止索引 内的全部元素。(不包括终止索引)
空数组的初始化比较方便

var a = [1, 2, 3].fill(6);
console.log(a);// [6, 6, 6]

var b = new Array(6).fill(9);
console.log(b);// [9, 9, 9, 9, 9, 9]

var b = b.fill(1, 1);
console.log(b);// [9, 1, 1, 1, 1, 1]

var b = b.fill(6, 1, 3);
console.log(b);// [9, 6, 6, 1, 1, 1]

5.every 和 some
every测试数组中所有元素是否都通过了指定函数的测试
some测试数组中是否至少有一项元素通过了指定函数的测试

 var a = [1, 2, 3, 4];
  var bb = a.every((item) => {
      return item > 2;
  });

  console.log(bb); // false
  var cc = a.some((item) => {
      return item > 2;
  });
  console.log(cc);// true

脚本宝典总结

以上是脚本宝典为你收集整理的ES6中,常用的数组方法全部内容,希望文章能够帮你解决ES6中,常用的数组方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。