Array 對象方法整理

IntMain 發布于2019-08-20 17:20 / 2471人閱讀

摘要：對象方法數組創建與修改創建創建一個新數組實例將類數組類似數組的對象和可遍歷的對象轉為真正的數組。返回一個新的對象，該對象包含數組每個索引的值。遍歷鍵遍歷值遍歷鍵值對參考文檔標準庫對象

Array 對象方法 數組創建與修改

1. 創建

var arr = [];

var arr = new Array()

Array.of(el1[,el2[...]]) //創建一個新數組實例

Array.from(arrayLike) //將類數組(類似數組的對象和可遍歷的對象)轉為真正的數組。

// ES5的寫法
var arr1 = [].slice.call(arrayLike);
// ES6的寫法
let arr2 = Array.from(arrayLike);

2. 合并

Array.prototype.concat(arr1[,arr2..]) //合并兩個或多個數組。不更改現有數組，而是返回一個新數組。

3. 轉化為字符串

Array.prototype.join(separator) //以separator（默認為逗號）拼接為字符串。

Array.prototype.toString() //把數組轉換為字符串,數組中的元素之間用逗號分隔。

4. 填充

Array.prototype.fill(value[, start, end]) //用一個固定值填充[start,end)的元素。

判斷數組

Array.isArray() //判斷傳遞的值是否是一個 Array。

篩選排序遞歸

1. 篩選

Array.prototype.filter()

Array.prototype.map()

2. 排序

Array.prototype.reverse() //將數組中元素的位置顛倒。

Array.prototype.sort()

3. 遞歸

Array.prototype.reduce()

語法：arr.reduce(callback,[initialValue])

callback(accumulator,currentValue,currentIndex,array)

accumulator 上一次調用回調返回的值

currentValue 數組中正在處理的元素

currentIndex 數據中正在處理的元素索引

array 調用 reduce 的數組

initialValue [可選]，用于第一次調用 callback 的第一個參數。

增刪改查

1. 查找

Array.prototype.some(callback) //執行一次 callback 函數，直到找到一個使得 callback 返回true。

Array.prototype.every(callback) //數組的所有元素是否都通過callback 函數。

Array.prototype.find(callback) //在數組中返回符合callback第一個元素的值。

Array.prototype.findIndex(callback)//返回數組中滿足callback的第一個元素的索引。否則返回-1。

Array.prototype.includes(searchElement) //是否包含一個指定的值

2. 增、刪

Array.prototype.pop() //刪除數組最后一個元素，并返回該元素的值。

Array.prototype.push() //增加元素到數組末尾。

Array.prototype.shift() //刪除數組第一個元素。

Array.prototype.unshift() //增加元素到數組開頭。

Array.prototype.slice(start,end) //返回[start,end)**淺拷貝**到一個新數組對象，**原數組不會被修改**。

Array.prototype.splice() //通過刪除現有元素和/或添加新元素來更改一個數組的內容，**會直接對數組進行修改**。

array.splice(start)

array.splice(start, deleteCount)

array.splice(start, deleteCount, item1, item2, ...)

start : 如果超出了數組的長度，則從數組末尾開始添加內容；如果是負值，則表示從數組末位開始的第幾位（從1計數）。
deleteCount : 如果 deleteCount 是 0，則不移除元素，這種情況下，至少應添加一個新元素；如果 deleteCount 大于start 之后的元素的總數，則從 start 后面的元素都將被刪除（含第 start 位）；如果deleteCount被省略，則其相當于(arr.length - start)。
item1, item2, ... ：要添加進數組的元素

循環遍歷

Array.prototype.map(callback)

Array.prototype.forEach(callback)

Array.prototype.entries() //返回一個新的Array Iterator對象，該對象包含數組中每個索引的鍵/值對。

Array.prototype.keys() //返回一個新的Array迭代器，它包含數組中每個索引的鍵。

Array.prototype.values() //返回一個新的 Array Iterator 對象，該對象包含數組每個索引的值。

for (let index of ["a", "b"].keys()) {    //遍歷鍵
console.log(index);
}
// 0
// 1

for (let elem of ["a", "b"].values()) {   //遍歷值
console.log(elem);
}
// "a"
// "b"

for (let [index, elem] of ["a", "b"].entries()) {   //遍歷鍵/值對
console.log(index, elem);
}
// 0 "a"
// 1 "b"

參考文檔

JavaScript 標準庫 - Array

JavaScript Array 對象

GPU云服務器云服務器 array方法 python對象方法 javascript對象方法 java對象方法

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

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

【前端芝士樹】Array的屬性及方法整理（參照MDN）

摘要：本文主要是我自己對的一些整理，參考自，其中的分類有些不準確之處，還望見諒的基本屬性屬性的一些方法增刪改查基礎功能增刪改查基礎功能增刪改刪除數組的第一個元素刪除數組的最后一個元素在數組的開頭一個或多個元素，在數組的末尾增加一個或者多個元素數組本文主要是我自己對Array的一些整理，參考自MDN，其中的分類有些不準確之處，還望見諒 Array const arr = [1, 2, 3, ...

MoAir 2019-08-23 16:15 評論0 收藏0
Web前端常用代碼筆記整理（01）

摘要：第二段代碼如下修改就可以了改這一行其實你的本質問題就在于誤認為是數組對象，然而它是構造函數。它繼承自構造函數被執行。故視為兩個字符串的拼接，結果為字符串，其長度為。 1.[] 和 Array 調用 slice 方法引起的問題問題表示：在某些場景下，需要將函數的 arguments 參數作為一個數組調用，但是 arguments 是一個奇異對象，所以試著將 arguments 轉化為一...

jas0n 2019-08-21 10:42 評論0 收藏0
JavaScript Array 整理 - 元素操作

摘要：此文章是我的原創文章，原文地址前篇整理了一些常用的遍歷操作方法，今天再整理一下對象中針對元素操作的方法。返回當前數組最后一個元素描述返回數組第一個元素，并從當前數組中刪除它。刪除的元素組成的數組此文章是我的原創文章，原文地址：http://lpgray.me/article/49/ 前篇整理了一些Array常用的遍歷操作方法，今天再整理一下Array對象中針對元素操作的方法。分別是...

phodal 2019-08-21 10:25 評論0 收藏0
DOM疑惑點整理（一）

摘要：和定義區別是多種類型節點的集合，是元素類型節點的集合。當查詢文檔時，該方法對大小寫不敏感。但是在及之前版本用訪問返回一個對象，訪問返回函數。及之前版本，用設置屬性，不會有任何效果。不建議用使用和更方便。 Nodelist和HTMLCollection 定義區別 Nodelist是多種類型節點的集合，HTMLCollection是元素類型節點的集合。 API區別返回Nodelist的A...

Moxmi 2019-08-22 15:46 評論0 收藏0
JavaScript易錯知識點整理

摘要：知識點變量作用域上方的函數作用域中聲明并賦值了，且在之上，所以遵循就近原則輸出等于。上方的函數作用域中被重新賦值，未被重新聲明，且位于之下，所以輸出全局作用域中的。若執行則會輸出。上方利用方法進行對象的深拷貝可以避免源對象被篡改的可能。前言本文是我學習JavaScript過程中收集與整理的一些易錯知識點，將分別從變量作用域，類型比較，this指向，函數參數，閉包問題及對象拷貝與賦值...

2shou 2019-08-21 11:51 評論0 收藏0