下面小編就為大家?guī)硪黄狫avaScript數(shù)組方法總結分析。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考
由于最近都在freecodecamp上刷代碼,運用了很多JavaScript數(shù)組的方法,因此做了一份關于JavaScript教程的整理,具體內容如下:
一、普通方法
1、join() 將數(shù)組元素連接在一起,并以字符串形式返回
參數(shù):可選,指定元素之間的分隔符,沒有參數(shù)則默認為逗號
返回值:字符串
對原數(shù)組的影響:無
2、reverse()將數(shù)組的元素順序變成倒序返回
參數(shù):無
返回值:數(shù)組
對原數(shù)組的影響:原數(shù)組被修改為倒序排列之后的數(shù)組
3、sort()對數(shù)組元素進行排序并返回
參數(shù):可選,排序的方法函數(shù),沒有參數(shù)則默認按照字典順序排序
返回值:排序后的數(shù)組
對原數(shù)組的影響:原數(shù)組被修改為排序之后的數(shù)組
4、concat()連接若干個數(shù)組
參數(shù):若干個,可以是數(shù)組或者是元素,
返回值:連接后的新數(shù)組
對原數(shù)組的影響:無
5、slice()從數(shù)組中截下若干個元素,組成新的數(shù)組并返回
參數(shù):兩個數(shù)字,其中第二個可選,第一個參數(shù)表示開始截取的第一個元素的index值(截取時包含這個元素),如果第一個參數(shù)是負數(shù),則指截取的元素從元素結尾開始算起(如:-1表示最后一個元素);第二個參數(shù)的意義則是停止截取的元素的index值(截取時不包含這個字符),負值情況同第一個參數(shù)
返回值:截取的新數(shù)組
對原數(shù)組的影響:無
6、splice()從數(shù)組中替換、刪除或插入元素并返回新數(shù)組
參數(shù):若干個參數(shù),其中第一個參數(shù)必需,其他為可選,第一個參數(shù)為操作的第一個index值,此時無第二個參數(shù)時,將刪除第一個參數(shù)(包含第一個參數(shù))的index值之后所有的元素,含有第二個參數(shù)時,第二個參數(shù)刪除元素的個數(shù),并返回這些元素組成的新數(shù)組;當?shù)诙€參數(shù)為0時,后面的參數(shù)會作為新的元素插入原數(shù)組,并返回一個空數(shù)組;當?shù)诙€參數(shù)不為0,且含有其他參數(shù)時,則進行替換操作,并返回替換之前那些原來元素組成的新數(shù)組
返回值:刪除元素組成的新數(shù)組
對原數(shù)組的影響:會對原數(shù)組進行替換、刪除、插入等操作
7、push()向數(shù)組的尾部添加元素并返回數(shù)組長度
參數(shù):若干個,向數(shù)組尾部添加的元素
返回值:添加元素之后的數(shù)組的長度
對原數(shù)組的影響:原數(shù)組尾部被添加元素
8、pop()從數(shù)組尾部刪除一個元素
參數(shù):無
返回值:刪除的元素
對原數(shù)組的影響:原數(shù)組尾部被刪除一個元素
9、unshift()向數(shù)組的頭部添加元素并返回數(shù)組長度
參數(shù):若干個,向數(shù)組頭部添加的元素
返回值:添加元素之后的數(shù)組的長度
對原數(shù)組的影響:原數(shù)頭部被添加元素
10、shift()從數(shù)組頭部刪除一個元素
參數(shù):無
返回值:刪除的元素
對原數(shù)組的影響:原數(shù)組頭部被刪除一個元素
11、toString()將數(shù)組轉化為字符串,每個元素之間以逗號相隔
參數(shù):無
返回值:形成的字符串(二維數(shù)組中也只是連接二維數(shù)組的元素)
對原數(shù)組的影響:無
12、toLocaleString()是toString()方法的本地化版本
--------------------------------------------------------------------------------
二、迭代器方法
1、foreach()對數(shù)組每個元素調用方法
參數(shù):一個函數(shù)
返回值:無
對原數(shù)組的影響:無
2、every()接受一個返回值為布爾類型的函數(shù),數(shù)組中所有的元素,該函數(shù)均返回true,則返回true,否則返回false
參數(shù):一個返回值為布爾類型的函數(shù)
返回值:true或者false
對原數(shù)組的影響:無
3、some()接受一個返回值為布爾類型的函數(shù),數(shù)組中只要有元素,該函數(shù)返回true,則返回true,否則返回false
參數(shù):一個返回值為布爾類型的函數(shù)
返回值:true或者false
對原數(shù)組的影響:無
4、map()接受一個函數(shù)作為參數(shù),返回一個新數(shù)組,新數(shù)組的元素是原數(shù)組元素使用該函數(shù)的結果
參數(shù):一個函數(shù)
返回值:每個元素使用函數(shù)的結果值組成的數(shù)組
對原數(shù)組的影響:無
5、filter()接收一個返回值為布爾值的函數(shù)作為參數(shù),對所有元素應該該函數(shù),并返回返回值為true的元素組成的新數(shù)組
參數(shù):一個函數(shù)
返回值:每個元素使用函數(shù)為true的元素組成的數(shù)組
對原數(shù)組的影響:無
--------------------------------------------------------------------------------
三、歸并方法
1、reduce()接受一個函數(shù)作為參數(shù),返回一個值。從一個累加值開始, 不斷對累加值和數(shù)組中的后續(xù)元素調用該函數(shù)。
參數(shù):一個函數(shù)
返回值:最后的累加值
對原數(shù)組的影響:無
2、reduceRight()方法
說明:和reduce一樣,只是執(zhí)行順序是從右到左
以上這篇JavaScript數(shù)組方法總結分析就是小編分享給大家的全部內容了,希望能給大家一個參考