JavaScript Array對象常用方法

wangdai 發布于2019-08-26 10:41 / 692人閱讀

摘要：省略則對數組元素進行排序返回該數組從數組中添加刪除項目返回被刪除的元素插入替換刪除

Array對象常用方法 不改變原數組

concat()

join()

slice()

toString()

改變原數組

pop()

push()

reverse()

shift()

unshift()

sort()

splice()

不改變原數組 array.concat(array)

連接兩個或多個數組
返回被連接數組的一個副本

[1,2].concat([3,4])
// expected output: "[1,2,3,4]"

join(string)

把數組中所有元素放入一個字符串
返回字符串

["Fire", "Air", "Water"].join("")
// expected output: "FireAirWater"

slice(begin[, end])

從已有的數組中返回選定的元素
返回一個新數組

["ant", "bison", "camel", "duck", "elephant"].slice(2, 4)
// expected output: Array ["camel", "duck"]

toString()

把數組轉為字符串
返回數組的字符串形式

[1,2].toString()
// expected output: "1,2"

改變原數組 pop()

刪除數組最后一個元素，如果數組為空，則不改變數組，返回undefined
返回被刪除的元素

push()

向數組末尾添加一個或多個元素
返回新數組的長度

reverse()

顛倒數組中元素的順序
返回該數組

shift()

把數組的第一個元素刪除，若空數組，不進行任何操作，返回undefined
返回第一個元素的值

unshift()

向數組的開頭添加一個或多個元素
返回新數組的長度

sort([compareFunction])

compareFunction：用來指定按某種順序進行排列的函數。
省略則對數組元素進行(ascii)排序
返回該數組

let numbers = [4, 2, 5, 1, 3]
numbers.sort((a, b) => a - b) // return > 0, a <=> b
// [1, 2, 3, 4, 5]

splice(start[, deleteCount[, item1[, item2[, ...]]]])

從數組中添加/刪除項目
返回被刪除的元素

let months = ["Jan", "March", "April", "June"];
// 插入
months.splice(1, 0, "Feb");
// inserts at index 1
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "June"]

// 替換
months.splice(4, 1, "May","Lili");
// replaces 1 element at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "May", "Lili"]

// 刪除
months.splice(4, 2);
// delete 2 element start at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April"]

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

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

Javascript中的常用的檢測方法

摘要：數組檢測使用例如兼容性可以使用以下方式，先檢測是否支持。用來比較兩個值是否嚴格相等，與相同基本類型檢測用來檢查一個數值是否為有限的用來檢查一個值是否為用來判斷一個值是否為整數。目前接觸到的一些方法，有新的日后再更新。數組檢測 1.使用Array.isArray() Array.isArray(obj) 例如： Array.isArray([]) //true Array.isArra...

muddyway 2019-08-20 11:29 評論0 收藏0
常用JavaScript小技巧及原理詳解

摘要：使用一元加模擬函數原理對非數值類型的數據使用一元加，會起到與函數相同的效果。中，若判斷不為則不再進行下一步操作。使用邏輯或設置默認值邏輯或也屬于短路操作，即當第一個操作數可以決定結果時，不再對第二個操作數進行求值。善于利用JS中的小知識的利用，可以很簡潔的編寫代碼 1. 使用!!模擬Boolean()函數原理：邏輯非操作一個數據對象時，會先將數據對象轉換為布爾值，然后取反，兩個!!...

chnmagnus 2019-08-20 17:00 評論0 收藏0
[ ES6 ] 快速掌握常用 ES6 （二）

摘要：本系列文章適合快速掌握入門語法，想深入學習的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補充，可以使代碼更簡潔函數參數默認值在傳統語法中如果想設置函數默認值一般我們采用判斷的形式在新的語法中我們可以在參數聲明的同時賦予默認值參數本系列文章適合快速掌握 ES6 入門語法，想深入學習 ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》本篇文章是對之前文章...

hidogs 2019-08-23 14:07 評論0 收藏0
JavaScript數組——常用數組方法匯總

摘要：本文記錄關于數組的一些常用方法，搜集總結。對于數組中的每個元素，都會調用函數一次。返回值是一個新數組，其中的每個元素均為關聯的原始數組元素的回調函數返回值。本文記錄關于js數組的一些常用方法，搜集總結。主要思路： 1. 方法功能是什么 2. 傳遞的參數是什么 3. 返回值是什么 4. 原來的數組是否改變第一組：關于數組的增加、刪除和修改 1.push 向數組末尾增加新的...

HollisChuang 2019-08-21 10:33 評論0 收藏0
「JavaScript」Array方法的詳細總結及常用數組操作(附完整示例)

摘要：數組索引只是具有整數名稱的枚舉屬性，并且與通用對象屬性相同。利用的解構賦值解構賦值尾遞歸優化遞歸非常耗內存，因為需要同時保存成千上百個調用幀，很容易發生棧溢出。而尾遞歸的實現，往往需要改寫遞歸函數，確保最后一步只調用自身。一.前言因為在工作當中，經常使用到js的數組，而其中對數組方法的使用也是很頻繁的，所以總是會有弄混或者概念不夠清晰的狀況，所以，寫下這篇文章整理一番,本文有對幾乎...

Alfred 2019-08-22 17:22 評論0 收藏0