JavaScript Array 對象方法總結

相似文章推薦:

JavaScript String 對象方法總結

JavaScript Date 對象方法總結

JavaScript Math 對象方法總結

方法	描述	備註
isArray()	判斷對象是否爲數組	數組檢測
toString()	把數組轉換爲字符串，並返回結果	數組轉字符串
valueOf()	返回數組對象的原始值
join()	把數組的全部元素放入一個字符串	數組轉字符串
push()	向數組的末尾添加一個或更多元素，並返回新的長度
pop()	刪除數組的最後一個元素並返回刪除的元素
unshift()	向數組的開頭添加一個或更多元素，並返回新的長度
shift()	刪除並返回數組的第一個元素
reverse()	反轉數組的元素順序
sort()	對數組的元素進行排序
concat()	鏈接兩個或更多的數組，並返回結果
slice()	選取數組的的一部分，並返回一個新數組
splice()	從數組中添加或刪除元素
indexOf()	搜索數組中的元素，並返回它所在的位置
lastIndexOf()	返回一個指定的字符串值最後出現的位置，在一個字符串中的指定位置從後向前搜索
every()	檢測數值元素的每一個元素是否都符合條件
filter()	檢測數值元素，並返回符合條件全部元素的數組
forEach()	數組每一個元素都執行一次回調函數
map()	經過指定函數處理數組的每一個元素，並返回處理後的數組
some()	檢測數組元素中是否有元素符合指定條件
reduce()	將數組元素計算爲一個值（從左到右）
reduceRight()	將數組元素計算爲一個值（從右到左）
copyWithin()	從數組的指定位置拷貝元素到數組的另外一個指定位置中
entries()	返回數組的可迭代對象
fill()	使用一個固定值來填充數組
find()	返回符合傳入測試（函數）條件的數組元素
findIndex()	返回符合傳入測試（函數）條件的數組元素索引
from()	經過給定的對象中建立一個數組
includes()	判斷一個數組是否包含一個指定的值
keys()	返回數組的可迭代對象，包含原始數組的鍵(key)

一. 檢測數組

isArray()

• 定義和用法 isArray() 方法用於判斷一個對象是否爲數組
• 語法 Array.isArray(obj)
  • 參數值
    • obj 必需，要判斷的對象
  • 返回值
    • Boolean 若是對象是數組返回 true，不然返回 false

二. 轉換方法

提示: 若是數組中的某一項的值是 null 或 undefined, 那麼該值在 toString()、valueOf() 和 join() 方法返回的結果中以空字符串表示

toString()

• 定義和用法 toString() 方法可把數組轉換爲一個字符串，並返回結果, 數組的全部值用逗號隔開
• 語法 array.toString()
  • 返回值
    • String 數組的全部值用逗號隔開
• 注意 數組中的元素之間用逗號分隔

valueOf()

• 定義和用法
  • valueOf() 方法返回 Array 對象的原始值
  • 該原始值由 Array 對象派生的全部對象繼承
  • valueOf() 方法一般由 JavaScript 在後臺自動調用，並不顯式地出如今代碼中
• 語法 array.valueOf()
  • 返回值
    • Array valueOf() 返回數組值
• 注意 valueOf() 方法不會改變原數組

join()

• 定義和用法
  • join() 方法用於把數組中的全部元素轉換爲一個字符串
  • 元素是經過指定的分隔符進行分隔的
• 語法 array.join(separator)
  • 參數值
    • separator 可選。指定要使用的分隔符。若是省略該參數，則使用逗號做爲分隔符
  • 返回值
    • String 返回一個字符串。該字符串是經過把 arrayObject 的每一個元素轉換爲字符串，而後把這些字符串鏈接起來，在兩個元素之間插入 separator 字符串而生成的

三. 棧方法

push()

• 定義和用法 push() 方法可向數組的末尾添加一個或多個元素，並返回新的長度
• 語法 array.push(item1, item2, ..., itemX)
  • 參數值
    • item1, item2, ..., itemX 必需。要添加到數組的元素
  • 返回值
    • Number 數組新長度
• 提示 在數組起始位置添加元素請使用 unshift() 方法
• 注意
  • 新元素將添加在數組的末尾
  • 此方法改變數組的長度

pop()

• 定義和用法 pop() 方法用於刪除數組的最後一個元素並返回刪除的元素
• 語法 array.pop()
  • 返回值
    • 任何類型 數組原來的最後一個元素的值（移除的元素）
    • 數組元素能夠是一個字符串，數字，數組，布爾，或者其餘對象類型
• 提示 移除數組第一個元素，請使用 shift() 方法
• 注意 此方法改變數組的長度

四. 隊列方法

unshift()

• 定義和用法 unshift() 方法可向數組的開頭添加一個或更多元素，並返回新的長度
• 語法 array.unshift(item1, item2, ..., itemX)
  • 參數值
    • item1, item2, ..., itemX 可選。向數組起始位置添加一個或者多個元素
  • 返回值
    • Number 數組新長度
• 提示 將新項添加到數組末尾，請使用 push() 方法
• 注意 該方法將改變數組的數目

shift()

• 定義和用法 shift() 方法用於把數組的第一個元素從其中刪除，並返回第一個元素的值
• 語法 array.shift()
  • 返回值
    • 任何類型 數組原來的第一個元素的值（移除的元素）
    • 數組元素能夠是一個字符串，數字，數組，布爾，或者其餘對象類型
• 提示 移除數組末尾的元素可使用 pop() 方法
• 注意 此方法改變數組的長度

五. 重排序方法

reverse()

• 定義和用法 reverse() 方法用於顛倒數組中元素的順序
• 語法 array.reverse()
  • 返回值
    • Array 顛倒順序後的數組

sort()

• 定義和用法
  • sort() 方法用於對數組的元素進行排序
  • 排序順序能夠是字母或數字，並按升序或降序
  • 默認排序順序爲按字母升序
• 語法 array.sort(sortfunction)
  • 參數值
    • sortfunction 可選。規定排序順序。必須是函數
  • 返回值
    • Array 排序以後的數組
    • 注: 數組在原數組上進行排序，不生成副本
• 提示 這種方法會改變原始數組
• 注意
  • 當數字是按字母順序排列時"40"將排在"5"前面
  • 使用數字排序，你必須經過一個函數做爲參數來調用
  • 函數指定數字是按照升序仍是降序排列

六. 操做方法

concat()

• 定義和用法
  • concat() 方法用於鏈接兩個或多個數組
  • 該方法不會改變現有的數組，而僅僅會返回被鏈接數組的一個副本
• 語法 array1.concat(array2, array3, ..., arrayX)
  • 參數值
    • array2, array3, ..., arrayX 必需。該參數能夠是具體的值，也能夠是數組對象。能夠是任意多個
  • 返回值
    • Array 返回一個新的數組。該數組是經過把全部 arrayX 參數添加到 arrayObject 中生成的。若是要進行 concat() 操做的參數是數組，那麼添加的是數組中的元素，而不是數組

slice()

• 定義和用法
  • slice() 方法可從已有的數組中返回選定的元素
  • slice()方法可提取字符串的某個部分，並以新的字符串返回被提取的部分
• 語法 array.slice(start, end)
  • 參數值
    • start 可選。規定從何處開始選取。若是是負數，那麼它規定從數組尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推
    • end 可選。規定從何處結束選取。該參數是數組片段結束處的數組下標。**若是沒有指定該參數，那麼切分的數組包含從 start 到數組結束的全部元素。**若是這個參數是負數，那麼它規定的是從數組尾部開始算起的元素
  • 返回值
    • Array 返回一個新的數組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素
• 注意 slice() 方法不會改變原始數組

splice()

• 定義和用法 splice() 方法用於添加或刪除數組中的元素
• 語法 array.splice(index, howmany, item1, ..., itemX)
  • 參數值
    • index 必需。規定從何處添加/刪除元素。該參數是開始插入和（或）刪除的數組元素的下標，必須是數字
    • howmany 必需。規定應該刪除多少元素。必須是數字，但能夠是 "0"。若是未規定此參數，則刪除從 index 開始到原數組結尾的全部元素
    • item1, ..., itemX 可選。要添加到數組的新元素
  • 返回值
    • Array 若是從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組
• 注意 這種方法會改變原始數組

七. 位置方法

indexOf()

• 定義和用法
  • indexOf() 方法可返回數組中某個指定的元素位置
  • 該方法將從頭至尾地檢索數組，看它是否含有對應的元素。開始檢索的位置在數組 start 處或數組的開頭（沒有指定 start 參數時）。若是找到一個 item，則返回 item 的第一次出現的位置。開始位置的索引爲 0
  • 若是在數組中沒找到指定元素則返回 -1
• 語法 array.indexOf(item,start)
  • 參數值
    • item 必須。查找的元素
    • start 可選的整數參數。規定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數，則將從字符串的首字符開始檢索
  • 返回值
    • Number 元素在數組中的位置,若是沒與搜索到則返回 -1
• 提示 若是你想查找字符串最後出現的位置，請使用 lastIndexOf() 方法

lastIndexOf()

• 定義和用法

  • lastIndexOf() 方法可返回一個指定的元素在數組中最後出現的位置，在一個數組中的指定位置從後向前搜索
  • 若是要檢索的元素沒有出現，則該方法返回 -1
  • 該方法將從尾到頭地檢索數組中指定元素 item。開始檢索的位置在數組的 start 處或數組的結尾（沒有指定 start 參數時）。若是找到一個 item，則返回 item 從尾向前檢索第一個次出如今數組的位置。數組的索引開始位置是從 0 開始的
  • 若是在數組中沒找到指定元素則返回 -1

• 語法 array.lastIndexOf(item,start)

  • 參數值
    • item 必需。規定需檢索的字符串值
    • start 可選的整數參數。規定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數，則將從字符串的最後一個字符處開始檢索
  • 返回值
    • Number 若是在 stringObject 中的 fromindex 位置以前存在 searchvalue，則返回的是出現的最後一個 searchvalue 的位置

• 提示 若是你想查找數組首次出現的位置，請使用 indexOf() 方法

八. 迭代方法

every()

• 定義和用法
  • every() 方法用於檢測數組全部元素是否都符合指定條件（經過函數提供）
  • every() 方法使用指定函數檢測數組中的全部元素：
    • 若是數組中檢測到有一個元素不知足，則整個表達式返回 false ，且剩餘的元素不會再進行檢測
    • 若是全部元素都知足條件，則返回 true
• 語法 array.every(function(currentValue,index,arr), thisValue)
  • 參數值
    • function(currentValue, index,arr) 必須。函數，數組中的每一個元素都會執行這個函數
      • currentValue 必須。當前元素的值
      • index 可選。當前元素的索引值
      • arr 可選。當前元素屬於的數組對象
    • thisValue 可選。對象做爲該執行回調時使用，傳遞給函數，用做 "this" 的值。 若是省略了 thisValue ，"this" 的值爲 "undefined"
  • 返回值
    • Boolean 布爾值。若是全部元素都經過檢測返回 true，不然返回 false
• 注意
  • every() 不會對空數組進行檢測
  • every() 不會改變原始數組

filter()

• 定義和用法 filter() 方法建立一個新的數組，新數組中的元素是經過檢查指定數組中符合條件的全部元素
• 語法 array.filter(function(currentValue,index,arr), thisValue)
  • 參數值
    • function(currentValue, index,arr) 必須。函數，數組中的每一個元素都會執行這個函數
      • currentValue 必須。當前元素的值
      • index 可選。當前元素的索引值
      • arr 可選。當前元素屬於的數組對象
    • thisValue 可選。對象做爲該執行回調時使用，傳遞給函數，用做 "this" 的值。 若是省略了 thisValue ，"this" 的值爲 "undefined"
  • 返回值
    • Array 數組，包含了符合條件的全部元素。若是沒有符合條件的元素則返回空數組
• 注意
  • filter() 不會對空數組進行檢測
  • filter() 不會改變原始數組

forEach()

• 定義和用法 forEach() 方法用於調用數組的每一個元素，並將元素傳遞給回調函數
• 語法 array.forEach(function(currentValue, index, arr), thisValue)
  • 參數值
    • function(currentValue, index, arr) 必需。 數組中每一個元素須要調用的函數
      • currentValue 必需。當前元素
      • index 可選。當前元素的索引值
      • arr 可選。當前元素所屬的數組對象
    • thisValue 可選。傳遞給函數的值通常用 "this" 值。 若是這個參數爲空， "undefined" 會傳遞給 "this" 值
  • 返回值
    • undefined
• 注意 forEach() 對於空數組是不會執行回調函數的

map()

• 定義和用法
  • map() 方法返回一個新數組，數組中的元素爲原始數組元素調用函數處理後的值
  • map() 方法按照原始數組元素順序依次處理元素
• 語法 array.map(function(currentValue,index,arr), thisValue)
  • 參數值
    • function(currentValue, index,arr) 必須。函數，數組中的每一個元素都會執行這個函數
      • currentValue 必須。當前元素的值
      • index 可選。當前元素的索引值
      • arr 可選。當前元素屬於的數組對象
    • thisValue 可選。對象做爲該執行回調時使用，傳遞給函數，用做 "this" 的值。 若是省略了 thisValue，或者傳入 null、undefined，那麼回調函數的 this 爲全局對象
  • 返回值
    • Array 返回一個新數組，數組中的元素爲原始數組元素調用函數處理後的值
• 注意
  • map() 不會對空數組進行檢測
  • map() 不會改變原始數組

some()

• 定義和用法
  • some() 方法用於檢測數組中的元素是否知足指定條件（函數提供）
  • some() 方法會依次執行數組的每一個元素：
    • 若是有一個元素知足條件，則表達式返回true , 剩餘的元素不會再執行檢測
    • 若是沒有知足條件的元素，則返回false
• 語法 array.some(function(currentValue,index,arr),thisValue)
  • 參數值
    • function(currentValue, index,arr) 必須。函數，數組中的每一個元素都會執行這個函數
      • currentValue 必須。當前元素的值
      • index 可選。當前元素的索引值
      • arr 可選。當前元素屬於的數組對象
    • thisValue 可選。對象做爲該執行回調時使用，傳遞給函數，用做 "this" 的值。 若是省略了 thisValue ，"this" 的值爲 "undefined"
  • 返回值
    • Boolean 布爾值。若是數組中有元素知足條件返回 true，不然返回 false
• 注意
  • some() 不會對空數組進行檢測
  • some() 不會改變原始數組

九. 歸併方法

reduce()

• 定義和用法
  • reduce() 方法接收一個函數做爲累加器，數組中的每一個值（從左到右）開始縮減，最終計算爲一個值
  • reduce() 能夠做爲一個高階函數，用於函數的 compose
• 語法 array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
  • 參數值
    • function(total,currentValue, index,arr) 必需。用於執行每一個數組元素的函數
      • total 必需。初始值, 或者計算結束後的返回值
      • currentValue 必需。當前元素
      • currentIndex 可選。當前元素的索引
      • arr 可選。當前元素所屬的數組對象
    • initialValue 可選。傳遞給函數的初始值
  • 返回值
    • Number 返回計算結果
• 注意 reduce() 對於空數組是不會執行回調函數的

reduceRight()

• 定義和用法 reduceRight() 方法的功能和 reduce() 功能是同樣的，不一樣的是 reduceRight() 從數組的末尾向前將數組中的數組項作累加
• 語法 array.reduceRight(function(total, currentValue, currentIndex, arr), initialValue)
  • 參數值
    • function(total,currentValue, index,arr) 必需。用於執行每一個數組元素的函數
      • total 必需。初始值, 或者計算結束後的返回值
      • currentValue 必需。當前元素
      • currentIndex 可選。當前元素的索引
      • arr 可選。當前元素所屬的數組對象
    • initialValue 可選。傳遞給函數的初始值
  • 返回值
    • Number 返回計算結果
• 注意 reduceRight() 對於空數組是不會執行回調函數的