JS中數(shù)組的使用方法小結(jié)

JS中數(shù)組的用法

  1. filter(callback)過濾
    arrary對象的filter方法戒祠,是對數(shù)組每個元素都執(zhí)行一次filter中的回調(diào)函數(shù)踪蹬,它的結(jié)果會返回一個新數(shù)組乏德,其中的元素滿足回調(diào)函數(shù)中的條件冤吨,空數(shù)組不會執(zhí)行這個方法呻右,且不會改變原數(shù)組哑子,只有在回調(diào)函數(shù)執(zhí)行前傳入的數(shù)組元素才有效舅列,在回調(diào)函數(shù)開始執(zhí)行后才添加的元素將被忽略奉芦;
    用法:
//過濾掉小于 10 的數(shù)組元素:
let filtered = [12, 5, 8, 130, 44].filter((e, index, array) => {
    return e >= 10
});
//結(jié)果:[12, 130, 44]
  1. map()和foreach
    都是循環(huán)遍歷數(shù)組的方法,性能方面都不如for循環(huán)剧蹂,map方法返回一個新的數(shù)組声功,不會改變原來的數(shù)組,他們都不會對空數(shù)組進行處理宠叼;

  2. some(callback)
    some方法是尋找某個數(shù)組中特定的值先巴,返回true/false,數(shù)組中的非空元素都會去執(zhí)行回調(diào)函數(shù)中的判斷冒冬,只要有一個元素滿足條件則返回true伸蚯,全部為false才返回false

//判斷數(shù)組中是否包括小于10的數(shù)
let state = [10,5,13,20].some((e, index, array) => {
    return e<10
})
//結(jié)果:true
  1. every(callback)
    這個方法主要用于判斷一個數(shù)組中的元素是否都滿足某個條件,因為只有當(dāng)每個元素返回true的時候简烤,方法才會返回true剂邮,若有一個不滿足則返回false;
//判斷元素是否都大于10
let state = [10,11,13,20]. every ((e, index, array) => {
    return e>10
})
//結(jié)果:true
let state1 = [10,11,13,20,5]. every ((e, index, array) => {
    return e>10
})
//結(jié)果:false
  1. reduce(callback)横侦、reduceRight(callback)
    兩個方法都是對于數(shù)組中的每一個元素按照一定順序挥萌,進行疊加運算,具體的計算方式在回調(diào)函數(shù)中進行:
//1,2,3的累加枉侧,返回值為最后的數(shù)
[1,2,3].reduce((total,num) => {
    return total+num
})
//結(jié)果:6
//1,2,3的累乘引瀑,返回值為最后的數(shù)
[1,2,3,4].reduce((total,num) => {
    return total * num
})
//結(jié)果:24

reduceRight()方法用法一致,不過順序是從后向前進行計算榨馁;

  1. pop()
    方法會刪掉數(shù)組最后一個元素憨栽,改變原數(shù)組
Let arr = [1,2,3];
arr.pop();
console.log(arr);//[1,2]
  1. shift()
    方法會刪掉數(shù)組中的第一個元素,改變了原數(shù)組
Let arr = [1,2,3];
arr.shift();
console.log(arr);//[2,3]
  1. unshift()
    方法會將元素添加到數(shù)組的開頭
let arr = [1,2,3];
arr. unshift(4,5);
console.log(arr);//[4,5,1,2,3]
  1. concat()
    可以將多個數(shù)組拼成一個數(shù)組
let arr1 = [1, 2, 3]翼虫,
      arr2 = [4, 5]
  let arr = arr1.concat(arr2)
  console.log(arr)//[1, 2, 3, 4, 5]

ES6有關(guān)數(shù)組的更多用法屑柔,請到MDN查找學(xué)習(xí),這里真的是個寶庫
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末珍剑,一起剝皮案震驚了整個濱河市掸宛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌次慢,老刑警劉巖旁涤,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件翔曲,死亡現(xiàn)場離奇詭異迫像,居然都是意外死亡,警方通過查閱死者的電腦和手機瞳遍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門闻妓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人掠械,你說我怎么就攤上這事由缆∽⒆妫” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵均唉,是天一觀的道長是晨。 經(jīng)常有香客問我,道長舔箭,這世上最難降的妖魔是什么罩缴? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮层扶,結(jié)果婚禮上箫章,老公的妹妹穿的比我還像新娘。我一直安慰自己镜会,他們只是感情好檬寂,可當(dāng)我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著戳表,像睡著了一般桶至。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上匾旭,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天塞茅,我揣著相機與錄音,去河邊找鬼季率。 笑死野瘦,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的飒泻。 我是一名探鬼主播鞭光,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼泞遗!你這毒婦竟也來了惰许?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤史辙,失蹤者是張志新(化名)和其女友劉穎汹买,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體聊倔,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡晦毙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了耙蔑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片见妒。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖甸陌,靈堂內(nèi)的尸體忽然破棺而出须揣,到底是詐尸還是另有隱情盐股,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布耻卡,位于F島的核電站疯汁,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏卵酪。R本人自食惡果不足惜涛目,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望凛澎。 院中可真熱鬧霹肝,春花似錦、人聲如沸塑煎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽最铁。三九已至讯赏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間冷尉,已是汗流浹背漱挎。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留雀哨,地道東北人磕谅。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像雾棺,于是被迫代替她去往敵國和親膊夹。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,452評論 2 348

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

  • 數(shù)組 知識匯總 前置知識: 數(shù)組是一個有序的數(shù)據(jù)集合捌浩,可使用數(shù)組名稱和索引進行訪問放刨。 在JavaScript中數(shù)組...
    Daeeman閱讀 659評論 1 7
  • 轉(zhuǎn)載:在開發(fā)中进统,數(shù)組的使用場景非常多,平日中也涉及到很多數(shù)組的api/相關(guān)操作浪听,一直也沒有對這塊內(nèi)容進行一塊整理總...
    七色煙火閱讀 3,211評論 0 3
  • js中數(shù)組的方法非常的多螟碎,功能也很強大。今天來總結(jié)一下js中數(shù)組的方法: 首先創(chuàng)建一個數(shù)組馋辈,數(shù)組中可以包含各種類型...
    林llgb閱讀 460評論 1 3
  • Javascript有很多數(shù)組的方法抚芦,有的人有W3C的API,還可以去MDN上去找迈螟,但是我覺得API上說的不全叉抡,M...
    頑皮的雪狐七七閱讀 4,067評論 0 6
  • The JavaScriptArrayobject is a global object thatis used ...
    skycolor閱讀 560評論 0 0