ES6中，常用的数组方法

skinner 发布于2019-08-23 12:15 / 2423人阅读

摘要：指数组后，返回新数组通过函数测试的所有元素。不包括终止索引空数组的初始化比较方便和测试数组中所有元素是否都通过了指定函数的测试测试数组中是否至少有一项元素通过了指定函数的测试

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

GPU云服务器云服务器 jquery常用的方法常用的数据统计方法常用的数据挖掘方法数据分析的常用方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98197.html

[ ES6 ] 快速掌握常用 ES6 （二）

摘要：本系列文章适合快速掌握入门语法，想深入学习的小伙伴可以看看阮一峰老师的入门本篇文章是对之前文章的一个补充，可以使代码更简洁函数参数默认值在传统语法中如果想设置函数默认值一般我们采用判断的形式在新的语法中我们可以在参数声明的同时赋予默认值参数本系列文章适合快速掌握 ES6 入门语法，想深入学习 ES6 的小伙伴可以看看阮一峰老师的《ECMAScript 6 入门》本篇文章是对之前文章...

hidogs 2019-08-23 14:07 评论0 收藏0
工作中常用es6+特性

摘要：结合工作中使用情况，简单对进行一些复习总结，包括常用的语法，等，以及短时间内要上手需要重点学习的知识点不同工作环境可能有一些差别，主要参考链接是阮一峰的博客以及外文博客阮老师大部分文章是直接翻译的这个博客简介先说一下，是一个标准化组织，他们结合工作中使用情况，简单对es6进行一些复习总结，包括常用的语法，api等，以及短时间内要上手需要重点学习的知识点（不同工作环境可能有一些差别），...

xcold 2019-08-23 18:39 评论0 收藏0
javascript中常用的数组操作方法(是否改变原始数组)

摘要：方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回。方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回，否则返回。改变原始数组的操作方法： push：向数组末尾添加元素，并返回新的长度 pop：删除最后一个并返回删除的元素 unshift：向数组开头添加元素，并返回新的长度 shift：将第一个元素删除并且返回删除元素，空即为undefined r...

silencezwm 2019-08-22 17:30 评论0 收藏0
新手开发中常用ES6基础知识总结

摘要：感觉对我这种没实习没工作的新手，虽然一些高级的功能暂时用不上，但是一些基础的知识还是为平时的开发提供了巨大的便利。学习告一段落，现在结合平时的开发，总结一些常用的知识。日常开发中，块级作用域中使用的变量，尽量使用或者声明。使用时，进行合并。很早之前就学过TypeScript和ES6，后来做项目的时候零零散散用了些。这几天又系统地把ES6的知识看了一遍。感觉对我这种没实习没工作的新手，...

Paul_King 2019-08-21 11:51 评论0 收藏0
ES6常用数据方法总结

摘要：以上个方法及以上才支持。不过可以通过转义支持低版本。以上均不改变原数组。让数组的前后两项进行某种计算，返回最终操作的结果。 1. forEach() let array = [1,2,3,4]; array.forEach((item, index, array) => { 　　console.log(item); }); forEach会遍历数组, 没有返回值, 不允许在循环体内写r...

gitmilk 2019-08-23 11:38 评论0 收藏0