Array數組：

length屬性

????可通過array.length增加或者減少數組的長度，如;array.length=4(數組長3，第四位為undefined),也可單純獲得長度。array[array.length]=’’賦值。

檢測數組

檢測是否數組ES3 ?instanceof array ?ES5新增的Array.isArray(),支持的IE9+,Opera 10.5+,Chrome，Safari5+。

?

一：原數組不變 ?[,start],表示0或1個參數

concat()

無參，返回數組副本;參數為數組，將兩個數組連接;不是數組，添加到結果數組末尾。在concat拷貝原數組的過程中，對象引用時會復制對象引用到組合的新數組中，原數組和新數組中的對象引用都指向同一個實際變量。所以，實際對象被修改時，兩數組同時被修改。

粒：

????????????????????????????

?

includes()

ES7。返回一個布爾值，表示數組中是否包含給定的值，與字符串includes方法類似。

Includes(searchElement,fromIndex),fromIndex可選，表示開始位置，如果為負值，按升序從array.length+fromIndex索引開始搜索。

Includes（）作為一個通用方法，也可以用于其他類型對象，栗子：

(function() {

??console.log([].includes.call(arguments, 'a')); // true

??console.log([].includes.call(arguments, 'd')); // false

})('a','b','c');

兼容性（IE未實現）

?

join()

只接受一個參數，分隔符的字符串，然后返回所有項的字符串，array.join(“||”)//1||2||3

如果參數為空，將數組中的元素直接拼接。Undefied or null 轉化為空字符串

slice()

將數組的一部分淺復制（shallow copy）存入新的數組并返回，不改變原數組。

1參或兩參；1個參返回的是從該參數指定位置到數組末尾項；2個參返回起始和結束位置之間項，不包括結束位置項。

?

indexOf(searchElement,fromIndex)

要查找的項，（可選）表示查找起點位置的索引。沒有找到返回-1，從頭開始查找；第二參數表示開始查找的位置，返回的結果依然是數組中的排位。故作用不大。

?

lastIndexOf()從尾開始查找；

toString()返回由數組中每個值得字符串形式拼接而成的一個逗號分隔的字符串，

valueOf()返回的還是數組。

toLocaleString()和前兩者差不多。

???

二、改變自身方法

arr.copyWithin(target，[,?start[,?end]])?? ??兼容問題

數組內部替換操作，負數，倒數開始

[1,?2,?3,?4,?5].copyWithin(-2);??

//?[1,?2,?3,?1,?2]?

?

[1,?2,?3,?4,?5].copyWithin(0,?3);??

//?[4,?5,?3,?4,?5]??

??

[1,?2,?3,?4,?5].copyWithin(0,?3,?4);??

//?[4,?2,?3,?4,?5]??

??

[1,?2,?3,?4,?5].copyWithin(-2,?-3,?-1);??

//?[1,?2,?3,?3,?4]?

?

array.fill(value [,statrt [, end ]])

將指定區間元素填充

[1, 2, 3].fill(4); ??????????????// [4, 4, 4]

[1, 2, 3].fill(4, 1); ???????????// [1, 4, 4]

[1, 2, 3].fill(4, 1, 2); ????????// [1, 4, 3]

[1, 2, 3].fill(4, 1, 1); ????????// [1, 2, 3]

[1, 2, 3].fill(4, -3, -2); ??????// [4, 2, 3]

[1, 2, 3].fill(4, NaN, NaN); ????// [1, 2, 3]

Array(3).fill(4); ???????????????// [4, 4, 4]

[].fill.call({ length: 3 }, 4); ?// {0: 4, 1: 4, 2: 4, length: 3}

?pop()

從數組末尾移除最后一項，減少數組的length值，返回移除的項。

push()

可以接受任意數量的參數，把它們逐個添加到數組的末尾，并返回修改后數組的長度

reverse()

反轉數組項的順序

shift()

移除數組中的第一項并返回第一項，數組長度減1

unshift()

在數組前端添加任意個項，并返回新數組的長度

?

sort()

默認是按升序排列數組，比較的是字符串。要想按自己想法排序,寫方法。Sort(方法名) a>b return 1,反之-1，相等 return 0

?

?splice()最強大的數組方法。向數組的中部插入項。

????1：刪除，2個參數，要刪除的第一項位置和項數，splice(0,2)刪除數組中的前兩項。

????2：插入，3個參數，起始位置、要刪除的項數、要插入的項數，如果是多項，繼續傳入參數，第4,5更多。Splice(2,0,’1’,’2’),當前數組位置2插入字符串1,2；

3：替換，可以向指定位置插入任意數量的項，同時刪除任意數量的項。用法同第二條，第二個參數不是0。

栗子：

刪除給定數組中的第二項和第三項，并且在得到的新的數組中第一項后面添加一個新的值

var arr1 = ['a','b','c','d','e'];

var arr2 = arr1.?splice?(?1?,?2?,'newvalue');

?

?

?三、遍歷方法

forEach((v, i, a) => {})
讓數組的每一項都執行一次給定的函數
v表示當前項的值，i表示當前索引，a表示數組本身
forEach遍歷的范圍在第一次調用 callback前就會確定。調用forEach后添加到數組中的項不會被 callback訪問到。如果已經存在的值被改變，則傳遞給 callback的值是 forEach遍歷到他們那一刻的值。已刪除的項不會被遍歷到。

?

entries();

返回一個array

栗子：

var arr = ["a", "b", "c"];

var eArr = arr.entries();

console.log(eArr.next().value); // [0, "a"]

console.log(eArr.next().value); // [1, "b"]

console.log(eArr.next().value); // [2, "c"]

?

every(),對數組中的每一項運行給定函數，如果該函數對每一項返回true,則返回true

some()是對數組中每一項運行指定函數，如果該函數對任一項返回true，則返回true

???

?filter()

使用指定的函數測試所有元素，并創建一個包含所有測試通過的元素的新數組
callback函數返回一個布爾值，true即通過測試
不會改變原數組

栗子1

function traverse(){//輸出所有頁面寬度和高度大于50像素的節點

????return Array.prototype.filter.call(document.querySelectorAll('body *'),?function(node){

????????return node.offsetWidth > 50 && node.offsetHeight > 50;

????});

}

栗子2

var a1 = ['a', 10, 'b', 20, 'c', 30];var a2 = a1.filter(function(item) {

????return typeof item == 'number';

});console.log(a2); // logs 10,20,30

?

find()

查詢到第一個符合條件的就返回?????????????IE不支持

?

???

keys() ???????????????????????????????????IE不支持

返回一組數組索引的迭代器（類似于entries）

var arr = ['a', , 'c'];

var sparseKeys = Object.keys(arr);

var denseKeys = [...arr.keys()];

console.log(sparseKeys); // ['0', '2']

console.log(denseKeys); ?// [0, 1, 2]

?

array.map((v, i, a) => {}) ??????????????????????IE9+
返回一個由原數組中的每個元素調用一個指定方法后的返回值組成的新數組
map 不修改調用它的原數組本身（當然可以在 callback 執行時改變原數組）

var numbers = [1, 4, 9];

var roots = numbers.map(Math.sqrt);

// roots is now [1, 2, 3]

// numbers is still [1, 4, 9]

?

?

????

例var number = [1,2,3,4,5,4,3,2,1];

???Var everyResult = number.every(function(item,index,array){

//函數

})

Alert(everyResult);

?

reduce()，reduceRight() (反方向) ???????????????????IE9+

對數組中的所有元素調用指定的回調函數。該回調函數的返回值為累積結果，并且此返回值在下一次調用該回調函數時作為參數提供。

從第一項開始，接收四個參數：例

Var values = [1,2,3,4,5];

Var sum = values.reduce(function(prev, cur, index, array){

Return prev + cur;

});

?

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(

??function(a, b) {

????return a.concat(b);

??},

??[]);// flattened is [0, 1, 2, 3, 4, 5]

?

?

Array.prototype.slice.call

真實數組具有slice方法，可以對數組進行淺復制（不影響原數組），返回的依然是數組。類似數組雖然有length屬性，可以使用for循環遍歷，卻不能直接使用slice方法，會報錯！但是通過Array.prototype.slice.call則不會報錯，本身（類似數組）被從頭到尾slice復制了一遍——變成了真實數組！

將類似數組的對象(比如arguments)轉換為真實的數組

?

Array.prototype.slice.call(arguments)

轉載于:https://www.cnblogs.com/jasonUED/p/6745412.html

總結

以上是生活随笔為你收集整理的js 数组方法总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。