JS 陣列方法總結

2021-10-11 17:46:42 字數 4207 閱讀 7597

在我們到陣列這塊內容的時候,我們會發現陣列的方法居多,功能巨強大,進行我們對陣列的所有原生方法進行分類總結。

1. 檢測陣列

// 用於檢測某個屬性或者物件是否屬於物件或者陣列

// 返回值為 true/false

var arr = [,1,2,3];

console.log(arr instanceof array); //true

console.log(arr[0] instanceof array); //true

// 還可以檢測的是否為物件

// 用於確定乙個傳入的值是否為陣列array

// 返回值為true/false

console.log(array.isarray([1,2,3])); //true

console.log(array.isarray()); //false

// 將類陣列轉化為真正的陣列

// 返回值為轉換過的陣列

console.log(array.from([[1,2,3]])); //[1,2,3] 類陣列轉換為陣列

console.log(array.from(『foo』)); //[『f』, 『o』, 『o』] 字串轉換為陣列

function f()

f(1,2,3); // [1,2,3]

-array.tostring()方法

// 將陣列轉換為字串, 並用逗號隔開 返回乙個字串

var arr = [1,2,『a』,『conan』]

console.log(arr.tostring()) // 『1,2,a,conan』

// 將乙個陣列或者類陣列通過指定的連線符來連線陣列元素,並返回乙個字串

var arr = [1,2,『wang』, 『conan』] ;

console.log(arr.join()); // 『1,2,wang,conan』 預設情況下用逗號連線

console.log(arr.join(』』)); //『12wangconan』

console.log(arr.join(』-』)); //『1-2-wang-conan』

// 棧方法 將乙個或多個新元素新增到陣列的末尾,返回新陣列的長度

var arr = [『conan』, 『wang』];

console.log(arr.push(『king』)); // [『conan』, 『wang』, 『king』]

// 棧方法, 從陣列末尾刪除乙個或多個元素, 返回被刪除的元素

var arr = [『conan』, 『wang』, 『king』];

console.log(arr.pop()); // [『conan』,『wang』]

//佇列方法 從陣列的開頭刪除第乙個元素,並返回被刪除的元素

var arr = [『conan』, 『wang』, 『king』];

console.log(arr.shift()); //[『wang』, 『king』]

// 佇列方法, 在陣列的開頭新增乙個後多個元素,並返回新的陣列長度

var arr = [『conan』, 『wang』, 『king』];

console.log(arr.unshift(『handsome』)); //[『conan』, 『wang』, 『king』,『handsome』]

//重排序方法 //預設情況下是按照unicode編碼進行排序,

var arr = [1,2,5,3,6,7,4]

console.log(arr.sort(function(a,b) )); //[1,2,3,4,5,6,7]

// 重排序方法 將陣列進行乙個反轉陣列,並返回反轉陣列

var arr = [7,6,5,4,3,2,1]

console.log(arr.reverse()); //[1,2,3,4,5,6,7]

// 操作方法 :將陣列進行合併 並返回合併後的陣列

var num1 = [1,2,3], num2 = [4,5,6];

console.log(num1.concat(num2)); //[1,2,3,4,5,6]

// 操作方法: 拷貝陣列片段,不會改變原陣列,並返回選取的片段。

// array.slice(startindex, endindex) / 不包括結束索引

var arr = [『wang』, 『conan』, 『is』, 『king』];

console.log(arr.slice(1, 2)); // [『conan』]

// 操作方法: 通過刪除或替換現有元素或在原陣列中新增新元素來修改陣列,以陣列的形式返回被修改的部分。

var arr = [『wang』, 『conan』, 『deng』];

console.log(arr.splice(0,1)); //刪除 返回刪除的元素的陣列

console.log(arr.splice(1,0,『dani』)); //插入 返回空陣列

console.log(arr.splice(1,1,『dani』)); //替換 返回被刪除的陣列

// 位置方法:返回在陣列中可以找到乙個給定元素的第乙個索引,如果不存在,則返回-1.

// 引數: (需要查詢的元素/ 查詢的起點)

var arr = [『wang』, 『conan』,『king』]

console.log(arr.indexof(『king』)); //2

// 位置方法: 反向查詢並返回在陣列中可以找到乙個給定元素的第乙個索引,如果不存在,則返回-1.

// 迭代方法: array.every(function(item, index, array) {}) 全true為true 返回true/false 檢測陣列的方法,可以傳入乙個檢測函式作為 callback()

// 迭代方法: array.some(function(item, index, array) {}) 一true為true 返回true/false 只要有乙個元素滿足條件,就立刻返回 true

// 迭代方法: array.filter(function(item, index, array) {}) 返回基於測試函式 callback() 的返回值,篩選出原陣列中符合條件的元素,組成新陣列並返回; 不會修改原陣列,也不能提前結束遍歷

// 迭代方法: array.foreach(function(item, index, array) {}) 沒有返回值 相當於for迴圈 無法中止遍歷

// 迭代方法: array.map(function(item, index, array) {}) 返回重構陣列

// 迭代方法: array.find(function(item, index, array) {}) 返回滿足測試函式的元素陣列的的第乙個值並終止遍歷 否則為undefined

歸併方法:array.reduce(function(acc, cur, index, array) {}, inintalvalue) 返回計算結果 具有的累計器的功能。

JS陣列方法總結

1 轉換方法 tostring 返回陣列的字串表示,每個值的字串表示拼接成乙個字串,中間以逗號隔開。tolocalestring valueof var colors red blue yellow console.log colors.tolocalestring red,blue,yellow ...

js陣列方法總結

下面詳細介紹一下各個方法的基本功能。1 join join separator 將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符,該方法只接收乙個引數 即分隔符。var arr 1,2,3 console.log arr.join 1,2,3 console.l...

js陣列方法總結

concat 方法連線兩個或多個陣列。語法 arrayobject.concat arrayx,arrayx,arrayx 引數必須,引數可以是值,也可以是陣列 把引數陣列的值連線到陣列後 該方法不會改變現有的陣列,而是返回連線後的陣列。var arr 1,2,3 引數是兩個值 var concat...