ES6 Array

weknow619 發(fā)布于2019-08-22 18:29 / 3136人閱讀

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

ES6 Array

首先先定義一個數(shù)組

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

forEach()

forEach會遍歷數(shù)組, 沒有返回值，不允許在循環(huán)體內(nèi)寫return，不會改變原來數(shù)組的內(nèi)容

forEach() 有三個參數(shù)，第一個是arr數(shù)組里面的值，第二個是arr數(shù)組索引，第三個是arr數(shù)組本身的指引

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

map()

map 遍歷數(shù)組, 會返回一個新數(shù)組，不會改變原來數(shù)組里的內(nèi)容

map() 有三個參數(shù)，第一個是arr數(shù)組里面的值，第二個是arr數(shù)組索引，第三個是arr數(shù)組本身的指引

        let val = arr.map((item, idx, array) => {
            //注意：如果沒有return值，則新數(shù)組會插入一個undefined值
            return item * item;
        });
        //打印 1,4,9,16,25
        console.log(val);

filter()

filter 遍歷數(shù)組, 會返回一個新數(shù)組, 不會改變原來數(shù)組里的內(nèi)容

filter 會過濾掉數(shù)組中不滿足條件的元素, 把滿足條件的元素放到一個新數(shù)組中，不改變原數(shù)組

filter() 有三個參數(shù)，第一個是arr數(shù)組里面的值，第二個是arr數(shù)組索引，第三個是arr數(shù)組本身的指引

        let val = arr.filter((item, idx, array) => {
            //注意：如果沒有return值，則返回一個空數(shù)組
            return item > 3;
        });
        //打印 4,5
        console.log(val);

every()

every 遍歷數(shù)組，每一項都是true，則返回true，只要有一個是false, 就返回false

every() 有三個參數(shù)，第一個是arr數(shù)組里面的值，第二個是arr數(shù)組索引，第三個是arr數(shù)組本身的指引

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

some()

some 遍歷數(shù)組的每一項, 有一個為true就返回true，立即停止循環(huán)

some() 有三個參數(shù)，第一個是arr數(shù)組里面的值，第二個是arr數(shù)組索引，第三個是arr數(shù)組本身的指引

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

reduce()

reduce 遍歷數(shù)組的每一項, 有一個為true就返回true, 立即停止循環(huán)

reduce() 有四個參數(shù)，第一個是上一次調(diào)用回調(diào)返回的值，第二個是arr數(shù)組里面的值，第三個是arr數(shù)組索引，第四個是arr數(shù)組本身的指引

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

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/95914.html

ES6 舊瓶新酒

摘要：本文是系列的第二篇，前一篇走馬觀花概要介紹了，這一篇標題之所以叫舊瓶新酒，是想介紹那些原來就被廣泛使用的對象，例如，對這些對象擴展了一些很有用的新方法。用于監(jiān)聽取消監(jiān)聽數(shù)組的變化，指定回調(diào)函數(shù)。在中已被建議撤銷。本文是 ES6 系列的第二篇，前一篇《ES6 走馬觀花》概要介紹了ES6，這一篇標題之所以叫舊瓶新酒，是想介紹那些原來就被廣泛使用的JS對象，例如String、Array，E...

未東興 2019-08-21 10:48 評論0 收藏0
ES6數(shù)組 - 新增的創(chuàng)建數(shù)組的方法

摘要：它主要用在以類數(shù)組對象和可迭代對象為藍本，創(chuàng)建對應的數(shù)組。類數(shù)組對象我們最熟悉的類數(shù)組對象，應該就是的對象了。在ES6之前，創(chuàng)建數(shù)組的方式有2種：一: 通過數(shù)組字面量 let array = [1,2,3]; console.log(array);//[1,2,3] 二: 通過new Array()創(chuàng)建數(shù)組 let array = new Array(1, 2, 3); conso...

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

摘要：更重要的是，代碼意圖也直觀數(shù)組長度，每一項按照約定的規(guī)則進行初始化。上面代碼創(chuàng)建了一個長度為的數(shù)組其中的項為數(shù)字。的強大不止于此，它還能接受一個映射函數(shù)上面代碼中，被直接傳遞給方法，從而將它包含的值轉(zhuǎn)換成了數(shù)組。 es6新增了二種方法：Array.of()和Array.from()，它們有什么用途呢？在平時的開發(fā)中能給我們帶來什么方便呢？本篇將從一個創(chuàng)建數(shù)組的小問題開始，逐步揭開它們的...

newtrek 2019-08-23 15:36 評論0 收藏0
ES6：數(shù)組

摘要：中的方法遍歷一下數(shù)組中的每個選項返回一個新的數(shù)組。還可以接受第二個參數(shù)，作用類似與數(shù)組的方法，用于對每個元素進行處理。這個方式是用于將一組值，轉(zhuǎn)換為數(shù)組?？蛇x到該位置前停止讀取數(shù)據(jù)，默認等于數(shù)組長度。如果是負數(shù)，表示倒數(shù)。 ES6中數(shù)組增加了很多新的方法，但是先回顧下之前ES5中的數(shù)組的方法。 ES5中的方法 Array.prototype.forEach 遍歷一下數(shù)組中的每個選...

lavor 2019-08-21 11:33 評論0 收藏0
ES6之數(shù)組的擴展

摘要：它的參數(shù)是一個回調(diào)函數(shù)，所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù)，直到找出第一個返回值為的成員，然后返回該成員。上面代碼中，方法的回調(diào)函數(shù)可以接受三個參數(shù)，依次為當前的值當前的位置和原數(shù)組。數(shù)組的擴展展開運算符展開運算符（用三個連續(xù)的點 ( ... ) 表示）是 ES6 中的新概念，使你能夠?qū)⒆置媪繉ο笳归_為多個元素。合并數(shù)組展開運算符的一個用途是結(jié)合數(shù)組。如果你需要結(jié)合多個數(shù)組，在...

paney129 2019-08-21 18:39 評論0 收藏0
三個嘆為觀止的ES6 Array hack

摘要：但是我其實一直以來不明白構(gòu)造函數(shù)的原型上，為什么沒有一個官方的方法，來產(chǎn)生一個不重復的數(shù)組或者完成數(shù)組去重的功能。我們使用展開符，結(jié)合構(gòu)造函數(shù)，便可以產(chǎn)生一個不含重復項的數(shù)組其實，對數(shù)組去重的不同方法會產(chǎn)生不同影響。在JavaScript中，數(shù)組隨處可見。在最新版本的ECMAScript 6背景下，借助新的展開符、解構(gòu)等特性，我們可以對數(shù)組做很多四兩撥千斤的事情。這片文章我會分享幾...

hsluoyz 2019-08-20 15:43 評論0 收藏0