這篇文章帶給大家的內容是關於JavaScript中Array物件常用的方法介紹（程式碼範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
在js中，陣列作為一個特殊的物件。是我們常用的資料格式。今天就來梳理一下常用的陣列方法.
幾種基礎的就簡單介紹一下:
建立陣列
var arr1 = new Array(); //括号可以传参，指定数组长度。目前arr1.length是0 var arr2 = new Array(3);//arr2.length是3 var arr3 = new Array(1,2,3,4); //当传多个参数时，js会把这些参数作为数组的初始值。 console.log(arr3); // [1,2,3,4]
new Array()建立數組有一個需要注意的地方。只傳一個參數時，如果這個值是非數字。會被當作陣列的第一個參數，產生一個長度為1的陣列。如果是數字，就會建立一個這個數字長度的空數組。
但其實上面的建立方法不常用。我們更習慣這麼寫
var arr = []; var arr = [0,1,2,3]
基礎方法
arr.length //数组的长度 arr[1] //数组下标是1的值。数组的下标从0开始计数 arr.push(值) //往数组添加元素
var arr = ["element1","element2","element3","element4"]; //下面所有案列都是用的这个数组 //获取指定元素的下标 var index = arr. indexOf(”element2“）; // 1
| 參數 | 描述 |
|---|---|
| index | 必要。整數。新增/刪除項目的位置，使用負數可從陣列結尾處規定位置。 |
| number | 必要。要刪除的項目數量。如果設定為 0，則不會刪除項目。 |
| item1, ..., itemX | 可選。向數組新增的新項目。 |
來看實際範例
//删除 let getReturn = arr.splice(1,1); console.log(getReturn); // ["element2"] console.log(arr); //["element1",","element3","element4"] //添加 let getReturn = arr.splice(arr.length,0,"element5","element6"); console.log(getReturn); //[] console.log(arr); //["element1","element2","element3","element4","element5","element6"]
let getReturn = arr.pop(); console.log(getReturn); //element4 console.log(arr); //["element1","element2","element3"]
| 參數 | 描述 |
|---|---|
| start | 必要。整數。新增/刪除項目的位置，使用負數可從陣列結尾處規定位置。 |
| end | 必要。要刪除的項目數量。如果設定為 0，則不會刪除項目。 |
注意：請注意，該方法並不會修改數組，而是傳回一個子數組。如果想要刪除陣列中的一段元素，應該使用方法 Array.splice()。
let getReturn = arr.slice(1,3); console.log(getReturn); //["element2", "element3"] console.log(arr); //["element1", "element2", "element3", "element4"]
separator:可選。指定要使用的分隔符號。如果省略該參數，則使用逗號作為分隔符號。
let getReturn = arr.join(); console.log(getReturn); //element1,element2,element3,element4 console.log(arr); //["element1", "element2", "element3", "element4"]
arrayX:必備。此參數可以是具體的值，也可以是陣列物件。可以是任意多個。
//传数组 let getReturn = arr.concat(['element5',"element6"],["element7"]); console.log(getReturn); //["element1", "element2", "element3", "element4", "element5", "element6", "element7"] console.log(arr); // ["element1", "element2", "element3", "element4"] //传元素 let getReturn = arr.concat('element5',"element6"); console.log(getReturn); //["element1", "element2", "element3", "element4", "element5", "element6"] console.log(arr); //["element1", "element2", "element3", "element4"]
sortby:可選。規定排序順序。必須是函數。
傳回值:對陣列的參考。請注意，數組在原始數組上進行排序，不產生新數組。
比較規則:是按照字元編碼進行排序，所以可能只有排出來的不是你想要的結果，得傳參數解決
let newArr = [3,5,2,4,1]; let getReturn = newArr.sort(); console.log(getReturn); //[1, 2, 3, 4, 5] console.log(newArr); //[1, 2, 3, 4, 5]
再看一個不如我們所願的例子
let newArr = [1000,88,93,6,34]; let getReturn = newArr.sort(); console.log(getReturn); //[1000, 34, 6, 88, 93] console.log(newArr); // [1000, 34, 6, 88, 93] //要实现大小排序，我们需要传参数解决 function sortNumber(a,b){ //定义函数 return a - b } let getReturn = newArr.sort(); console.log(getReturn); //[6, 34, 88, 93, 1000] console.log(newArr); //[6, 34, 88, 93, 1000]
如果陣列是空的，那麼 shift() 方法將不進行任何操作，傳回 undefined 值。
let getReturn = arr.shift(); console.log(getReturn); //element1 console.log(arr); //["element2","element3","element4"]
arr.unshift(newelement1,newelement2,....,newelementX)
let getReturn = arr.unshift("element-1","element0"); console.log(getReturn); //6 console.log(arr); //["element-1","element0","element1","element2","element3","element4"]
arr.unshift(newelement1,newelement2,....,newelementX)
let getReturn = arr.toString(); console.log(getReturn,typeof getReturn); //element1,element2,element3,element4 string console.log(arr,typeof arr); //["element1", "element2", "element3", "element4"] "object"
註：用於字串操作時，JavaScript 會呼叫此方法將陣列自動轉換成字串。例如:
let string = arr+"123"; console.log(string); //element1,element2,element3,element4123
該方法會改變原來的數組，而不會建立新的數組。
let getReturn = arr.reverse(); console.log(getReturn); //["element4", "element3", "element2", "element1"] console.log(arr); //["element4", "element3", "element2", "element1"]
此外，還有valueOf()，toLocaleString()，toSource()方法。但從來沒用過，也沒想到什麼使用場景，就不單獨講了。
#以上是JavaScript中Array物件常用的方法介紹（程式碼範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
