javascript數組方法總結

HitenDev 發布于2019-08-26 12:19 / 2309人閱讀

摘要：返回值如果查找到該元素則返回否則返回方法用法該方法為數組中的項執行直到找到一個滿足條件的即返回否則返回被調用時不會改變數組。返回值排序后的數組注意原數組已經修改

javascript數組方法

給數組增加元素

(1)

  array.push(element1,...,elementN)

用途：push方法在原來的數組末尾添加一個或者多個元素;
返回值是：新數組的長度;

(2)

  array.unshift(element1,...,elementN)

用途: unshift方法在原來數組的開頭添加元素
返回值是: 新數組的長度

刪除數組的某些元素
(1)

 array.pop()

用途是: 從尾部刪除數組的最后一個元素
返回值是: 數組被刪除掉的元素
(2)

 array.shift()

用途是: 從頭部刪除數組的第一個元素
返回值是: 數組被刪除掉的元素

(3)splice方法：通過指定下標刪除數組中的元素和添加新元素來更改數組的內容

arr.splice(start,deleteCount,item1...)

用法：
start指定修改的開始位置
deleteCount(可選)指定要移除的數組元素的個數，如果是0，則不移除元素，如果不填則表示把start即之后的所有元素都刪除
item1...表示從start位置開始添加元素
返回值：由被刪除的元素組成的數組，如果沒有刪除則返回空數組
注意：該方法會直接修改原數組

判斷是否為數組

Array.isArray(obj)

如果obj是數組，返回true；否則返回false

合并數組

var newArray = oldArray.concat(arr1,arr2,...)

注意：不會修改原來的數組

真值檢測方法：
(1) every方法

   arr.every(callback)

用途：判斷數組中的每個元素是否符合條件，如果符合條件則返回true,如果數組中有一個元素不符合條件則返回false;
callback: callback傳入三個參數，分別是：元素值，元素的索引，原數組
該方法不會改變原數組

(2)includes方法

arr.includes(searchElement, fromIndex)

解釋 searchElement為必填項，是要查找的元素值，fromIndex是選填項，是指從該索引來進行查找。
返回值 如果查找到該元素則返回true,否則返回false
(3)some方法

arr.some(callback)

用法：該方法為數組中的項執行callback,直到找到一個滿足條件的即返回 true,否則返回false
some 被調用時不會改變數組。

fill方法，修改數組

arr.fill(value,start,end)

用途：fill方法通過傳入三個參數，value是修改的值，start和end是數組的下標
返回結果：返回修改后的數組
這個方法會修改原數組

filter方法：篩選原數組中的合適的元素并返回新的數組

var new_ARR = arr.filter(callback(element,index,array))

用途：通過callback函數來得到符合條件的數組并返回
該方法不會修改原來的數組

forEach方法：對數組中的每一項元素執行回調函數

array.forEach(callback(currentValue,index,array))

用途：forEach方法對數組中的每一項進行遍歷操作
返回值 undefined

查找數組索引
(1) indexOf():返回數組中找到指定元素的索引，如果不存在返回-1

arr.indexOf(searchElement,fromIndex)

   **說明**: fromIndex如果不傳，默認值是0;indexOf方法是從數組的前面往后進行查找的

(2) lastIndexOf(): 從數組的后面向前查找，如果找到則返回數組的下標，否則返回-1；

arr.lastIndexOf(searchElement,fromIndex)

數組轉化為字符串的方法
(1) join: 將一個數組的所有元素連接成一個字符串并返回

str = arr.join()//默認為,
str = arr.join("")//分隔符為""
str = arr.join(separator)//分隔符

   **描述**: 將所有的數組元素轉化為字符串，再用一個分隔符把這些字符串連接起來，如果元素是undefined或者null,則轉化成空字符串。
   **注意**: join 方法不會改變原來的數組

slice方法：返回一個從開始到結束（不包括結束）選擇的數組的一部分淺拷貝到一個新數組對象。且原始數組不會被修改

高階方法：
(1) map

   var newArr = arr.map(callback(currentValue,index,array))

用法: 對數組中的每一個元素調用callback,然后返回一個新的數組
(2) reduce：對累加器和數組中的每一個元素從左到右應用一個函數，將其減少為單個值

arr.reduce(callback,initalValue)

用法：callback函數中有四個參數，
accumulator是累加上一次調用回調時返回的累加值
currentValue:數組中正在處理的元素
currentIndex:數組中正在處理的當前元素的索引（可選）
array: 調用reduce的數組
initalValue:用作第一個調用 callback的第一個參數的值。如果沒有提供初始值，則將使用數組中的第一個元素
返回值：函數累計處理的結果
注意：該函數不會改變原來的數組
(3)reduceRight: 從右向左進行累加，其他和reduce一樣
(4)sort: 對數組的元素進行排序

arr.sort(compareFun)

用法：通過compareFun來指定數組按照某種順序進行排序，如果沒有傳遞該函數，則數組中的每個元素轉化為字符串，并按照字符的Unicode來排序。
返回值：排序后的數組
注意：原數組已經修改

GPU云服務器云服務器 javascript數組方法方法總結使用方法總結 java數組本章總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108470.html

JavaScript基礎總結（三）——數組總結

摘要：關于中的數組做出了如下總結數組是用來存儲一組不同類型的數據的容器。可以使用構造函數的方法和字面量的方法來聲明函數訪問數組通過下標的方法來訪問可以獲得數組長度。關于JavaScript中的數組做出了如下總結：1、數組是用來存儲一組不同類型的數據的容器。可以使用構造函數的方法和字面量的方法來聲明函數；訪問數組通過下標的方法來訪問；arr.length可以獲得數組長度。2、數組棧方法包括：...

enda 2019-08-23 15:04 評論0 收藏0
JavaScript學習總結（六）數據類型和JSON格式

摘要：并列數據的集合數組用方括號表示。第三種類型是映射，也就是一個名值對，即數據有一個名稱，還有一個與之相對應的值，這又稱作散列或字典，比如首都北京。中有種簡單數據類型也稱為基本數據類型和。數值布爾值對象和字符串值都有方法。什么是JSON JSON：JavaScript 對象表示法（JavaScript Object Notation）。 JSON的形式是用大括號{}包圍起來的項目列表...

laznrbfe 2019-08-21 10:19 評論0 收藏0
Javascript基礎之Array數組API

摘要：數組原型提供的方法非常之多，主要分為三種直接修改原數組原數組不變，返回新數組數組遍歷方法直接修改原數組的刪除一個數組中的最后的一個元素，并且返回這個元素添加一個或者多個元素到數組末尾，并且返回數組新的長度刪除數組的第一個元素，并返回這個元素 Javascript數組原型提供的方法非常之多，主要分為三種：直接修改原數組原數組不變，返回新數組數組遍歷方法直接修改原數組的API ...

hsluoyz 2019-08-23 15:28 評論0 收藏0
JavaScript遍歷對象和數組的方法總結

摘要：日常開發中我們難免需要對數組和對象進行遍歷，今天抽空來總結下遍歷數組和對象常用的方法。使用遍歷對象注只能遍歷出自身可枚舉的屬性，而不能遍歷出原型鏈上面的屬性。日常開發中我們難免需要對數組和對象進行遍歷，今天抽空來總結下遍歷數組和對象常用的方法。 Javascript遍歷數組總結我們定義一個數組 var arr = [2,4,6]; 1.使用for循環遍歷 var lengt...

jiekechoo 2019-08-23 12:55 評論0 收藏0
JS程序

摘要：設計模式是以面向對象編程為基礎的，的面向對象編程和傳統的的面向對象編程有些差別，這讓我一開始接觸的時候感到十分痛苦，但是這只能靠自己慢慢積累慢慢思考。想繼續了解設計模式必須要先搞懂面向對象編程，否則只會讓你自己更痛苦。 JavaScript 中的構造函數學習總結。知識只有分享才有存在的意義。是時候替換你的 for 循環大法了~ 《小分享》JavaScript中數組的那些迭代方法~ ...

melody_lql 2019-08-22 11:22 評論0 收藏0
關于javascript數組方法的總結

摘要：關于數組方法的總結以此數組為操作對象以下方法不改變原數組只是數組的轉換字符串使用括號中的字符串連接數組中的每個元素，返回一個連接好的字符串，不改變原數組可以將數組轉換成字符串形式，返回字符串，不改變原數組。關于數組方法的總結【arr(1,2,3,4);以此數組為操作對象；】以下方法不改變原數組（只是數組的轉換） arr.join(字符串)：使用括號中的字符串連接數組中的每個元...

Yi_Zhi_Yu 2019-08-20 18:10 評論0 收藏0