ES6 Array

weknow619 发布于2019-08-22 18:29 / 3088人阅读

摘要：首先先定义一个数组会遍历数组没有返回值，不允许在循环体内写，不会改变原来数组的内容有三个参数，第一个是数组里面的值，第二个是数组索引，第三个是数组本身的指引打印打印打印数组本身遍历数组会返回一个新数组，不会改变原来数组里的内容有三个参数，第

ES6 Array

首先先定义一个数组

let arr = [1,2,3,4,5];

forEach()

forEach会遍历数组, 没有返回值，不允许在循环体内写return，不会改变原来数组的内容

forEach() 有三个参数，第一个是arr数组里面的值，第二个是arr数组索引，第三个是arr数组本身的指引

        arr.forEach((item, idx, array) => {
            //打印 1,2,3,4,5
            console.log(item);
            //打印 0,1,2,3,4
            console.log(idx);
            //打印 arr数组本身
            console.log(array);
        });

map()

map 遍历数组, 会返回一个新数组，不会改变原来数组里的内容

map() 有三个参数，第一个是arr数组里面的值，第二个是arr数组索引，第三个是arr数组本身的指引

        let val = arr.map((item, idx, array) => {
            //注意：如果没有return值，则新数组会插入一个undefined值
            return item * item;
        });
        //打印 1,4,9,16,25
        console.log(val);

filter()

filter 遍历数组, 会返回一个新数组, 不会改变原来数组里的内容

filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中，不改变原数组

filter() 有三个参数，第一个是arr数组里面的值，第二个是arr数组索引，第三个是arr数组本身的指引

        let val = arr.filter((item, idx, array) => {
            //注意：如果没有return值，则返回一个空数组
            return item > 3;
        });
        //打印 4,5
        console.log(val);

every()

every 遍历数组，每一项都是true，则返回true，只要有一个是false, 就返回false

every() 有三个参数，第一个是arr数组里面的值，第二个是arr数组索引，第三个是arr数组本身的指引

        let val = arr.every((item, idx, array) => {
            //注意：如果没有return值，则返回false
            return item >= 0;
        });
        //打印 true
        console.log(val);

some()

some 遍历数组的每一项, 有一个为true就返回true，立即停止循环

some() 有三个参数，第一个是arr数组里面的值，第二个是arr数组索引，第三个是arr数组本身的指引

    let val = arr.some((item, idx, array) => {
        //注意：如果没有return值，则返回false
        return item > 3;
    });
    //打印 true
    console.log(val);

reduce()

reduce 遍历数组的每一项, 有一个为true就返回true, 立即停止循环

reduce() 有四个参数，第一个是上一次调用回调返回的值，第二个是arr数组里面的值，第三个是arr数组索引，第四个是arr数组本身的指引

        let val = arr.reduce((initialValue, item, idx, array) => {
            return initialValue + item;
        });
        //打印 15
        console.log(val);

GPU云服务器云服务器 ES6 es6-系列 ES6入门 es6 js

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

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

ES6 旧瓶新酒

摘要：本文是系列的第二篇，前一篇走马观花概要介绍了，这一篇标题之所以叫旧瓶新酒，是想介绍那些原来就被广泛使用的对象，例如，对这些对象扩展了一些很有用的新方法。用于监听取消监听数组的变化，指定回调函数。在中已被建议撤销。本文是 ES6 系列的第二篇，前一篇《ES6 走马观花》概要介绍了ES6，这一篇标题之所以叫旧瓶新酒，是想介绍那些原来就被广泛使用的JS对象，例如String、Array，E...

未东兴 2019-08-21 10:48 评论0 收藏0
ES6数组 - 新增的创建数组的方法

摘要：它主要用在以类数组对象和可迭代对象为蓝本，创建对应的数组。类数组对象我们最熟悉的类数组对象，应该就是的对象了。在ES6之前，创建数组的方式有2种：一: 通过数组字面量 let array = [1,2,3]; console.log(array);//[1,2,3] 二: 通过new Array()创建数组 let array = new Array(1, 2, 3); conso...

e10101 2019-08-26 10:28 评论0 收藏0
白话es6系列一：Array.of()和Array.from()

摘要：更重要的是，代码意图也直观数组长度，每一项按照约定的规则进行初始化。上面代码创建了一个长度为的数组其中的项为数字。的强大不止于此，它还能接受一个映射函数上面代码中，被直接传递给方法，从而将它包含的值转换成了数组。 es6新增了二种方法：Array.of()和Array.from()，它们有什么用途呢？在平时的开发中能给我们带来什么方便呢？本篇将从一个创建数组的小问题开始，逐步揭开它们的...

newtrek 2019-08-23 15:36 评论0 收藏0
ES6：数组

摘要：中的方法遍历一下数组中的每个选项返回一个新的数组。还可以接受第二个参数，作用类似与数组的方法，用于对每个元素进行处理。这个方式是用于将一组值，转换为数组。可选到该位置前停止读取数据，默认等于数组长度。如果是负数，表示倒数。 ES6中数组增加了很多新的方法，但是先回顾下之前ES5中的数组的方法。 ES5中的方法 Array.prototype.forEach 遍历一下数组中的每个选...

lavor 2019-08-21 11:33 评论0 收藏0
ES6之数组的扩展

摘要：它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为的成员，然后返回该成员。上面代码中，方法的回调函数可以接受三个参数，依次为当前的值当前的位置和原数组。数组的扩展展开运算符展开运算符（用三个连续的点 ( ... ) 表示）是 ES6 中的新概念，使你能够将字面量对象展开为多个元素。合并数组展开运算符的一个用途是结合数组。如果你需要结合多个数组，在...

paney129 2019-08-21 18:39 评论0 收藏0
三个叹为观止的ES6 Array hack

摘要：但是我其实一直以来不明白构造函数的原型上，为什么没有一个官方的方法，来产生一个不重复的数组或者完成数组去重的功能。我们使用展开符，结合构造函数，便可以产生一个不含重复项的数组其实，对数组去重的不同方法会产生不同影响。在JavaScript中，数组随处可见。在最新版本的ECMAScript 6背景下，借助新的展开符、解构等特性，我们可以对数组做很多四两拨千斤的事情。这片文章我会分享几...

hsluoyz 2019-08-20 15:43 评论0 收藏0