国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript數(shù)組方法

zoomdong / 1830人閱讀

摘要:前言從事前端到現(xiàn)在也有快兩年了,平時也會收集整理一些筆記放在印象筆記,不過收集過之后就在沒有看過,經(jīng)大佬指點(diǎn),真正掌握一個知識點(diǎn),最好的方式就是用自己的話把內(nèi)容講明白,就開始將以前零散的東西整合一下,和各位道友一起提高。

前言

從事前端到現(xiàn)在也有快兩年了,平時也會收集整理一些筆記放在印象筆記,不過收集過之后就在沒有看過,經(jīng)大佬指點(diǎn),真正掌握一個知識點(diǎn),最好的方式就是用自己的話把內(nèi)容講明白,就開始將以前零散的東西整合一下,和各位道友一起提高。

操作數(shù)組

印象中數(shù)組有很多方法,系統(tǒng)的整理一下

Array.map()

</>復(fù)制代碼

  1. 此方法是將數(shù)組中的每個元素調(diào)用一個提供的函數(shù),結(jié)果作為一個新的數(shù)組返回,并沒有改變原來的數(shù)組
  2. let arr = [1, 2, 3, 4, 5]
  3. let newArr = arr.map(x => x*2)
  4. //arr= [1, 2, 3, 4, 5] 原數(shù)組保持不變
  5. //newArr = [2, 4, 6, 8, 10] 返回新數(shù)組

Array.forEach()

</>復(fù)制代碼

  1. 此方法是將數(shù)組中的每個元素執(zhí)行傳進(jìn)提供的函數(shù),沒有返回值,直接改變原數(shù)組,注意和map方法區(qū)分
  2. let arr = [1, 2, 3, 4, 5]
  3. num.forEach(x => x*2)
  4. // arr = [2, 4, 6, 8, 10] 數(shù)組改變,注意和map區(qū)分

Array.filter()

</>復(fù)制代碼

  1. 此方法是將所有元素進(jìn)行判斷,將滿足條件的元素作為一個新的數(shù)組返回
  2. let arr = [1, 2, 3, 4, 5]
  3. const isBigEnough => value => value >= 3
  4. let newArr = arr.filter(isBigEnough )
  5. //newNum = [3, 4, 5] 滿足條件的元素返回為一個新的數(shù)組

Array.every()

</>復(fù)制代碼

  1. 此方法是將所有元素進(jìn)行判斷返回一個布爾值,如果所有元素都滿足判斷條件,則返回true,否則為false
  2. let arr = [1, 2, 3, 4, 5]
  3. const isLessThan4 => value => value < 4
  4. const isLessThan6 => value => value < 6
  5. arr.every(isLessThan4 ) //false
  6. arr.every(isLessThan6 ) //true

Array.some()

</>復(fù)制代碼

  1. 此方法是將所有元素進(jìn)行判斷返回一個布爾值,如果存在元素都滿足判斷條件,則返回true,若所有元素都不滿足判斷條件,則返回false
  2. let arr= [1, 2, 3, 4, 5]
  3. const isLessThan4 => value => value < 4
  4. const isLessThan6 => value => value > 6
  5. arr.some(isLessThan4 ) //true
  6. arr.some(isLessThan6 ) //false

Array.reduce()

</>復(fù)制代碼

  1. 此方法是所有元素調(diào)用返回函數(shù),返回值為最后結(jié)果,傳入的值必須是函數(shù)類型
  2. let arr = [1, 2, 3, 4, 5]
  3. const add = (a, b) => a + b
  4. let sum = arr.reduce(add)
  5. //sum = 15 相當(dāng)于累加的效果
  6. 與之相對應(yīng)的還有一個 Array.reduceRight() 方法,區(qū)別是這個是從右向左操作的

Array.push()

</>復(fù)制代碼

  1. 此方法是在數(shù)組的后面添加新加元素,此方法改變了數(shù)組的長度
  2. let arr = [1, 2, 3, 4, 5]
  3. arr.push(6, 7)
  4. console.log(arr) //[1, 2, 3, 4, 5, 6, 7]
  5. console.log(arr.length) //7

Array.pop()

</>復(fù)制代碼

  1. 此方法在數(shù)組后面刪除最后一個元素,并返回數(shù)組,此方法改變了數(shù)組的長度
  2. let arr = [1, 2, 3, 4, 5]
  3. arr.pop()
  4. console.log(arr) //[1, 2, 3, 4]
  5. console.log(arr.length) //4

Array.shift()

</>復(fù)制代碼

  1. 此方法在數(shù)組后面刪除第一個元素,并返回數(shù)組,此方法改變了數(shù)組的長度
  2. let arr = [1, 2, 3, 4, 5]
  3. arr.shift()
  4. console.log(arr) //[2, 3, 4, 5]
  5. console.log(arr.length) //4

Array.unshift()

</>復(fù)制代碼

  1. 此方法是將一個或多個元素添加到數(shù)組的開頭,并返回新數(shù)組的長度
  2. let arr = [1, 2, 3, 4, 5]
  3. arr.unshift(6, 7)
  4. console.log(arr) //[6, 7, 2, 3, 4, 5]
  5. console.log(arr.length) //7

Array.isArray()

</>復(fù)制代碼

  1. 判斷一個對象是不是數(shù)組,返回的是布爾值

Array.concat()

</>復(fù)制代碼

  1. 此方法是一個可以將多個數(shù)組拼接成一個數(shù)組
  2. let arr1 = [1, 2, 3]
  3. arr2 = [4, 5]
  4. let arr = arr1.concat(arr2)
  5. console.log(arr)//[1, 2, 3, 4, 5]

Array.toString()

</>復(fù)制代碼

  1. 此方法將數(shù)組轉(zhuǎn)化為字符串
  2. let arr = [1, 2, 3, 4, 5];
  3. let str = arr.toString()
  4. console.log(str)// 1,2,3,4,5

Array.join()

</>復(fù)制代碼

  1. 此方法也是將數(shù)組轉(zhuǎn)化為字符串
  2. let arr = [1, 2, 3, 4, 5];
  3. let str1 = arr.toString()
  4. let str2 = arr.toString(",")
  5. let str3 = arr.toString("##")
  6. console.log(str1)// 12345
  7. console.log(str2)// 1,2,3,4,5
  8. console.log(str3)// 1##2##3##4##5
  9. 通過例子可以看出和toString的區(qū)別,可以設(shè)置元素之間的間隔~

15.Array.splice(開始位置, 刪除的個數(shù),元素)

</>復(fù)制代碼

  1. 萬能方法,可以實(shí)現(xiàn)增刪改
  2. let arr = [1, 2, 3, 4, 5];
  3. let arr1 = arr.splice(2, 0 "haha")
  4. let arr2 = arr.splice(2, 3)
  5. let arr1 = arr.splice(2, 1 "haha")
  6. console.log(arr1) //[1, 2, "haha", 3, 4, 5]新增一個元素
  7. console.log(arr2) //[1, 2] 刪除三個元素
  8. console.log(arr3) //[1, 2, "haha", 4, 5] 替換一個元素
結(jié)尾

第一次寫,都是很簡單的數(shù)組用法,千里之行始于足下,重新把基礎(chǔ)夯實(shí)一下,如果存在錯誤或者表達(dá)不當(dāng),還望及時告知,thx


參考

MDN語法還有很多好玩的方法可以去demo
《JavaScript高級權(quán)威指南 》數(shù)組操作

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

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

相關(guān)文章

  • JavaScript專題系列文章

    摘要:專題系列共計篇,主要研究日常開發(fā)中一些功能點(diǎn)的實(shí)現(xiàn),比如防抖節(jié)流去重類型判斷拷貝最值扁平柯里遞歸亂序排序等,特點(diǎn)是研究專題之函數(shù)組合專題系列第十六篇,講解函數(shù)組合,并且使用柯里化和函數(shù)組合實(shí)現(xiàn)模式需求我們需要寫一個函數(shù),輸入,返回。 JavaScript 專題之從零實(shí)現(xiàn) jQuery 的 extend JavaScritp 專題系列第七篇,講解如何從零實(shí)現(xiàn)一個 jQuery 的 ext...

    Maxiye 評論0 收藏0
  • Array的javascript數(shù)據(jù)結(jié)構(gòu)描述

    摘要:幾乎所有的編程語言都有類似的數(shù)據(jù)結(jié)構(gòu)。然而的數(shù)組卻略有不同。沒有定義中說的那樣的數(shù)據(jù)結(jié)構(gòu),作為替代。元素通過指定的分隔符進(jìn)行分隔。返回該對象的源代碼。把數(shù)組轉(zhuǎn)換為本地數(shù)組,并返回結(jié)果。 寫在前面的話: 經(jīng)常看到技術(shù)博客上寫的內(nèi)容很詳細(xì),對于一個問題,大家的博客內(nèi)容似乎都是一樣的。不難發(fā)現(xiàn)這些技術(shù)博客已經(jīng)成為各路教程的匯總地,而教程一般都是參考國外博客翻譯或者直接在經(jīng)典的書籍上大片抄錄。...

    iOS122 評論0 收藏0
  • JavaScript面向?qū)ο缶幊獭狝rray類型

    摘要:中并沒有明確的數(shù)組數(shù)據(jù)類型。返回數(shù)組對象的原始值。專門用于篩選出數(shù)組中符合函數(shù)判斷條件的元素組成的心數(shù)組。專門用于對原數(shù)組中每個元素執(zhí)行相同的函數(shù)對象規(guī)定的操作。 概述 一維數(shù)組 數(shù)組是一個有序的數(shù)據(jù)集合,可以通過數(shù)組名稱和索引進(jìn)行訪問。JavaScript中并沒有明確的數(shù)組數(shù)據(jù)類型。 二維數(shù)組 數(shù)組是可以嵌套的,這就意味著一個數(shù)組可以作為一個袁旭被包含在另一個數(shù)組里面。利用JavaS...

    DirtyMind 評論0 收藏0
  • array數(shù)組類型

    摘要:中并沒有明確的數(shù)組數(shù)據(jù)類型。創(chuàng)建一維數(shù)組具有以下幾種方式二維數(shù)組數(shù)組是可以嵌套,這就意味著一個數(shù)組可以作為一個數(shù)組被包含在另外一個數(shù)組里面。利用這個特點(diǎn),創(chuàng)建二維數(shù)組,即數(shù)組的數(shù)組。刪除數(shù)組的最后一個元素并返回刪除的元素。 Array 概述 一維數(shù)組 數(shù)組是一個有序的數(shù)據(jù)集合,可以通過數(shù)組名稱和索引進(jìn)行訪問。JavaScript中并沒有明確的數(shù)組數(shù)據(jù)類型。創(chuàng)建一維數(shù)組具有以下幾種方式:...

    lemanli 評論0 收藏0
  • JavaScript標(biāo)準(zhǔn)庫系列——Object對象和Array對象(一)

    摘要:目錄導(dǎo)語對象對象小結(jié)導(dǎo)語本系列文章將重點(diǎn)講解提供的原生庫標(biāo)準(zhǔn)庫,只要在支持語言的平臺,標(biāo)準(zhǔn)庫中的提供的對象的屬性和方法都能使用對象對象的理解講的標(biāo)準(zhǔn)庫,首先要從對象談起,因?yàn)橹蟮乃袑ο蠖伎梢钥醋鍪菍ο髽?gòu)造出來的因此,對象可以看做是一個構(gòu) 目錄 導(dǎo)語 1. Object對象 2. Array對象 3. 小結(jié) 導(dǎo)語 本系列文章將重點(diǎn)講解JavaScript提供的原生庫——標(biāo)準(zhǔn)庫,只要...

    Scholer 評論0 收藏0
  • JavaScript學(xué)習(xí)總結(jié)(二)數(shù)組和對象部分

    摘要:屬性是一個值或一組值以數(shù)組或?qū)ο蟮男问剑菍ο蟮某蓡T。可以使用內(nèi)置構(gòu)造函數(shù)和創(chuàng)建包裝對象。因此下面的代碼將會使人很迷惑結(jié)果結(jié)果,此數(shù)組長度為應(yīng)該盡量避免使用數(shù)組構(gòu)造函數(shù)創(chuàng)建新數(shù)組。給數(shù)組對象添加返回數(shù)組中最大元素值的方法。 對象部分 Object類型 Object 是一個無序的集合,可以存放任意類型對象,所有其他對象都繼承自這個對象。創(chuàng)建Object類型有兩種,一種是使用new運(yùn)算符,...

    Lsnsh 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<