ES5新增數(shù)組方法

ES5新增數(shù)組方法

一袄秩,靜態(tài)方法

1.isArray()

-用于確定傳遞的值是否是一個Array.
-如果值是Array,則為true ;否則為false

//語法格式
Array.isArray(value)
//value為需要檢測的值阵翎。
// 下面的函數(shù)調(diào)用都返回 true
Array.isArray([]);
Array.isArray([1]);
Array.isArray(new Array());
// 下面的函數(shù)調(diào)用都返回 false
Array.isArray();
Array.isArray({});
Array.isArray(null);
Array.isArray(undefined);
Array.isArray(17);

二逢并,原型(實例)方法

-以下方法參數(shù)都是回調(diào)函數(shù),回調(diào)函數(shù)有三個參數(shù)(element, index, array)
-element:值郭卫,index: 索引砍聊,array: 數(shù)組本身,用不到的形參可省略

1.forEach()

-遍歷數(shù)組贰军,為每個數(shù)組元素調(diào)用函數(shù),有多少個元素玻蝌,就執(zhí)行多少次操作
-不會改變原數(shù)組,返回值undefined
-沒辦法中止或跳出forEachO) 循環(huán)词疼。如需中止或跳出循環(huán)灶伊,forEach() 方法不是應(yīng)當(dāng)使用的工具

 // forEach 迭代(遍歷)數(shù)組
        var arr = [1,2,3]
        var sum = 0
        arr.forEach(function(value,index,array){
            console.log('每個數(shù)組元素',+value);
            console.log('每個數(shù)組元素的索引號'+index);
            console.log('數(shù)組本身'+array);
            sum+=value
        })
        console.log(sum);     //6
image.png
2.some()

-不會改變原數(shù)組,返回布爾值
-查找滿足條件的元素是否存在寒跳,如找到第一個滿足條件的元素就終 止循環(huán)
-數(shù)組中是否有滿足條件的元素聘萨,只要有一-個元素滿足,就返回true童太。 無滿足條件的米辐,返回false

 // some   查找數(shù)組中是否有滿足條件的元素   true/false   找到第一個滿足條件的就不往后查找了,終止循環(huán)
        var  arr  =  [10,30,4]
        var flag =   arr.some(function(value,index,array){
            // return   value>=20    //true
            return   value<3     //false
        })
        console.log(flag);

        var  arr1  =  ['pink','skyblue','red']
        var flag1= arr1.some(function(value,index,array){
            return   value=='red'   //true
        })
        console.log(flag1);
image.png
3.every()

-遍歷數(shù)組书释,不會改變原數(shù)組,返回布爾值
-當(dāng)數(shù)組所有元素都滿足測試條件翘贮,才返回true,只要有一項不滿足就返回false

    <script>
        var arr = [1000, 2000,3000 ]
        var flag = arr. every(function (a,b,c) {
            console.log(a +"==="+ b +"==="+c)//1000===0====1000, 2000, 3000
            return a > 2000;//數(shù)組中的每 個元素的值都要大于2000的情況,最后才返回true
        })
        console.log(flag) //false
    </script>
image.png
4.filter()

-過濾數(shù)組爆惧,將滿足條件的元素過濾出來狸页,組成新數(shù)組并返回它
-如沒有任何數(shù)組元素通過測試,則返回空數(shù)組

// filter  篩選數(shù)組
        var  arr =  [12,66,4,88,15]
        var newArr = arr.filter(function(value,index,array){
            return value%2===0    //篩選數(shù)組里面為偶數(shù)的值
            // return value>=60    //返回的是一個新數(shù)組扯再,所有滿足條件的都會返回到這個新數(shù)組芍耘,所以需要一個東西接收
        })
        console.log(newArr);
image.png
5.reduce()
array.reduce(function(preval, item, index, arr), arr1)

preval 必需。初始值, 或者計算結(jié)束后的返回值熄阻。
item 必需斋竞。當(dāng)前元素
index 可選。當(dāng)前元素的索引
arr 可選秃殉。當(dāng)前元素所屬的數(shù)組對象坝初。
arr1 可選。傳遞給函數(shù)的初始值

-不會改變原數(shù)組
-返回值:使用"reducer"回調(diào)函數(shù)遍歷整個數(shù)組后的結(jié)果

var arr = [10, 20, 30, 40]
    var newArr = arr.reduce(function(preval, item, index, arr) {
        console.log(preval, item, index, arr)
        return preval + item
    })
    console.log(newArr)
image.png
6.map()

map() 方法使用為每個數(shù)組元素調(diào)用函數(shù)的結(jié)果創(chuàng)建新數(shù)組钾军。

map() 方法按順序為數(shù)組中的每個元素調(diào)用一次提供的函數(shù)鳄袍。

map() 對沒有值的數(shù)組元素不執(zhí)行函數(shù)。

map() 不會改變原始數(shù)組吏恭。

var  arr=[1,2,3,4,5,6,7]
    var  a = arr.map(value => {
    return value * 2
    })
    console.log(a);//[2, 4, 6, 8, 10, 12, 14]
image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拗小,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子砸泛,更是在濱河造成了極大的恐慌十籍,老刑警劉巖蛆封,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異勾栗,居然都是意外死亡惨篱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門围俘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來砸讳,“玉大人,你說我怎么就攤上這事界牡〔炯牛” “怎么了?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵宿亡,是天一觀的道長常遂。 經(jīng)常有香客問我,道長挽荠,這世上最難降的妖魔是什么克胳? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮圈匆,結(jié)果婚禮上漠另,老公的妹妹穿的比我還像新娘。我一直安慰自己跃赚,他們只是感情好笆搓,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著纬傲,像睡著了一般满败。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上嘹锁,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天葫录,我揣著相機(jī)與錄音,去河邊找鬼领猾。 笑死,一個胖子當(dāng)著我的面吹牛骇扇,可吹牛的內(nèi)容都是我干的摔竿。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼少孝,長吁一口氣:“原來是場噩夢啊……” “哼继低!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起稍走,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤袁翁,失蹤者是張志新(化名)和其女友劉穎柴底,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粱胜,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡柄驻,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了焙压。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸿脓。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖涯曲,靈堂內(nèi)的尸體忽然破棺而出野哭,到底是詐尸還是另有隱情,我是刑警寧澤幻件,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布拨黔,位于F島的核電站,受9級特大地震影響绰沥,放射性物質(zhì)發(fā)生泄漏蓉驹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一揪利、第九天 我趴在偏房一處隱蔽的房頂上張望态兴。 院中可真熱鬧,春花似錦疟位、人聲如沸瞻润。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽绍撞。三九已至,卻和暖如春得院,著一層夾襖步出監(jiān)牢的瞬間傻铣,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工祥绞, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留非洲,地道東北人。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓蜕径,卻偏偏與公主長得像两踏,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子兜喻,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容