首頁 > web前端 > js教程 > JavaScript數組方法總結分析_javascript技巧

JavaScript數組方法總結分析_javascript技巧

WBOY
發布: 2016-05-16 15:01:41
原創
1408 人瀏覽過

由於最近都在freecodecamp上刷程式碼,運用了許多JavaScript陣列的方法,因此做了一份關於JavaScript教學的整理,具體內容如下:

一、普通方法

1、join() 將陣列元素連接在一起,並以字串形式傳回
參數:可選,指定元素之間的分隔符,沒有參數則預設為逗號
傳回值:字串
對原數組的影響:無

2、reverse()將陣列的元素順序變成倒序回傳
參數:無
傳回值:數組
對原數組的影響:原數組被修改為倒序排列之後的數組

3、sort()對陣列元素進行排序並傳回
參數:可選,排序的方法函數,沒有參數則預設按照字典順序排序
傳回值:排序後的陣列
對原數組的影響:原數組被修改為排序之後的數組

4、concat()連接若干個陣列
參數:若干個,可以是陣列或元素,
傳回值:連線後的新數組
對原數組的影響:無

5、slice()從陣列中截下若干個元素,組成新的陣列並回傳
參數:兩個數字,其中第二個可選,第一個參數表示開始截取的第一個元素的index值(截取時包含這個元素),如果第一個參數是負數,則指截取的元素從元素結尾開始算起(如:-1表示最後一個元素);第二個參數的意義則是停止截取的元素的index值(截取時不包含這個字元),負值情況同第一個參數
傳回值:截取的新數組
對原數組的影響:無

6、splice()從陣列中取代、刪除或插入元素並傳回新陣列
參數:若干個參數,其中第一個參數必需,其他為可選,第一個參數為操作的第一個index值,此時無第二個參數時,將刪除第一個參數(包含第一個參數)的index值之後所有的元素,含有第二個參數時,第二個參數刪除元素的個數,並傳回這些元素組成的新數組;當第二個參數為0時,後面的參數會作為新的元素插入原始數組,並返回一個空數組;當第二個參數不為0,且含有其他參數時,則進行替換操作,並返回替換之前那些原來元素組成的新數組
傳回值:刪除元素組成的新數組
對原數組的影響:會對原始數組進行替換、刪除、插入等操作

7、push()在數組的尾部添加元素並返回數組長度
參數:若干個,向數組尾部添加的元素
傳回值:新增元素之後的陣列的長度
對原數組的影響:原數組尾端被添加元素

8、pop()從陣列尾端刪除一個元素
參數:無
傳回值:刪除的元素
對原數組的影響:原數組尾端被刪除一個元素

9、unshift()將元素添加到陣列的頭部並傳回陣列長度
參數:若干個,向陣列頭部新增的元素
傳回值:新增元素之後的陣列的長度
對原數組的影響:原數頭部被添加元素

10、shift()從陣列頭部刪除一個元素
參數:無
傳回值:刪除的元素
對原數組的影響:原數組頭部被刪除一個元素

11、toString()將陣列轉換為字串,每個元素之間以逗號相隔
參數:無
傳回值:形成的字串(二維數組中也只是連接二維數組的元素)
對原數組的影響:無

12、toLocaleString()是toString()方法的在地化版本


-------------------------------------------------- ------------------------------

二、迭代器方法

1、foreach()對數組每個元素呼叫方法
參數:一個函數
傳回值:無
對原數組的影響:無

2、every()接受一個傳回值為布林類型的函數,陣列中所有的元素,該函數都傳回true,則傳回true,否則傳回false
參數:一個傳回值為布林類型的函數
傳回值:true或false
對原數組的影響:無

3、some()接受一個傳回值為布林類型的函數,陣列中只要有元素,該函數傳回true,則傳回true,否則傳回false
參數:一個傳回值為布林類型的函數
傳回值:true或false
對原數組的影響:無

4、map()接受一個函數作為參數,傳回一個新數組,新數組的元素是原始數組元素使用該函數的結果
參數:一個函數
傳回值:每個元素使用函數的結果值組成的陣列
對原數組的影響:無

5、filter()接收一個傳回值為布林值的函數作為參數,對所有元素應該該函數,並傳回傳回值為true的元素組成的新陣列
參數:一個函數
傳回值:每個元素使用函數為true的元素組成的陣列
對原數組的影響:無


-------------------------------------------------- ------------------------------

三、歸併方法

1、reduce()接受一個函數作為參數,並傳回一個值。從一個累加值開始, 不斷對累加值和陣列中的後續元素呼叫函數。
參數:一個函數
傳回值:最後的累加值
對原數組的影響:無

2、reduceRight()方法
說明:和reduce一樣,只是執行順序是從右到左

以上這篇JavaScript陣列方法總結分析就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板