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