ES6 Array

weknow619 發布于2019-08-22 18:29 / 3086人閱讀

摘要：首先先定義一個數組會遍歷數組沒有返回值，不允許在循環體內寫，不會改變原來數組的內容有三個參數，第一個是數組里面的值，第二個是數組索引，第三個是數組本身的指引打印打印打印數組本身遍歷數組會返回一個新數組，不會改變原來數組里的內容有三個參數，第

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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