DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript數組方法總結分析
JavaScript數組方法總結分析
編輯:關於JavaScript     

由於最近都在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數組方法總結分析就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved