成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Array 對象方法整理

IntMain / 2483人閱讀

摘要:對象方法數(shù)組創(chuàng)建與修改創(chuàng)建創(chuàng)建一個新數(shù)組實例將類數(shù)組類似數(shù)組的對象和可遍歷的對象轉(zhuǎn)為真正的數(shù)組。返回一個新的對象,該對象包含數(shù)組每個索引的值。遍歷鍵遍歷值遍歷鍵值對參考文檔標準庫對象

Array 對象方法 數(shù)組創(chuàng)建與修改
1. 創(chuàng)建

var arr = [];

var arr = new Array()

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

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

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

2. 合并

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

3. 轉(zhuǎn)化為字符串

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

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

4. 填充

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

判斷數(shù)組

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

篩選排序遞歸
1. 篩選

Array.prototype.filter()

Array.prototype.map()

2. 排序

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

Array.prototype.sort()

3. 遞歸

Array.prototype.reduce()

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

callback(accumulator,currentValue,currentIndex,array)

accumulator 上一次調(diào)用回調(diào)返回的值

currentValue 數(shù)組中正在處理的元素

currentIndex 數(shù)據(jù)中正在處理的元素索引

array 調(diào)用 reduce 的數(shù)組

initialValue [可選],用于第一次調(diào)用 callback 的第一個參數(shù)。

增刪改查
1. 查找

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

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

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

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

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

2. 增、刪

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

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

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

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

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

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

array.splice(start)

array.splice(start, deleteCount)

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

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

循環(huán)遍歷

Array.prototype.map(callback)

Array.prototype.forEach(callback)

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

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

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

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 對象

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/83513.html

相關(guān)文章

  • 【前端芝士樹】Array的屬性及方法整理(參照MDN)

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

    MoAir 評論0 收藏0
  • Web前端常用代碼筆記整理(01)

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

    jas0n 評論0 收藏0
  • JavaScript Array 整理 - 元素操作

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

    phodal 評論0 收藏0
  • DOM疑惑點整理(一)

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

    Moxmi 評論0 收藏0
  • JavaScript易錯知識點整理

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

    2shou 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<