成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ES6 Array

weknow619 / 3115人閱讀

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

ES6 Array

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

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

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

forEach() 有三個(gè)參數(shù),第一個(gè)是arr數(shù)組里面的值,第二個(gè)是arr數(shù)組索引,第三個(gè)是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ù)組, 會(huì)返回一個(gè)新數(shù)組,不會(huì)改變?cè)瓉頂?shù)組里的內(nèi)容

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

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

filter 遍歷數(shù)組, 會(huì)返回一個(gè)新數(shù)組, 不會(huì)改變?cè)瓉頂?shù)組里的內(nèi)容

filter 會(huì)過濾掉數(shù)組中不滿足條件的元素, 把滿足條件的元素放到一個(gè)新數(shù)組中,不改變?cè)瓟?shù)組

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

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

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

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

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

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

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

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/95914.html

相關(guān)文章

  • ES6 舊瓶新酒

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

    未東興 評(píng)論0 收藏0
  • ES6數(shù)組 - 新增的創(chuàng)建數(shù)組的方法

    摘要:它主要用在以類數(shù)組對(duì)象和可迭代對(duì)象為藍(lán)本,創(chuàng)建對(duì)應(yīng)的數(shù)組。類數(shù)組對(duì)象我們最熟悉的類數(shù)組對(duì)象,應(yīng)該就是的對(duì)象了。 在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 評(píng)論0 收藏0
  • 白話es6系列一:Array.of()和Array.from()

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

    newtrek 評(píng)論0 收藏0
  • ES6: 數(shù)組

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

    lavor 評(píng)論0 收藏0
  • ES6之?dāng)?shù)組的擴(kuò)展

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

    paney129 評(píng)論0 收藏0
  • 三個(gè)嘆為觀止的ES6 Array hack

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

    hsluoyz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<