国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

js中Array方法歸類解析

mudiyouyou / 2410人閱讀

摘要:為什么要對方法進行歸類解析因為它常用,而且面試必問改變原數組的方法刪除并返回數組最后一個元素從末尾給數組添加元素,返回新數組值顛倒數組元素,返回顛倒后的數組刪除并返回第一個元素值數組排序刪除指定位置開始指定長度的元素,返回被刪除的項目。

為什么要對Array方法進行歸類解析

因為它常用,而且面試必問

改變原數組的方法
pop 刪除并返回數組最后一個元素
push 從末尾給數組添加元素,返回新數組length值
reverse 顛倒數組元素,返回顛倒后的數組
shift 刪除并返回第一個元素值
sort 數組排序
splice 刪除指定位置開始指定長度的元素,返回被刪除的項目。
unshift 向數組開頭添加多個元素,返回新數組長度
不改變原數組
concat 返回合并后數組的副本
join 返回一個通過連接符連接數組元素的字符串
slice 返回選中元素的新數組
toString 返回字符串等同于join()
如何循環一次刪除多個元素并改變數組長度
for (var i = arr.length - 1; i >= 0; i--){
    if(arr[i] === 1){
        arr.splice(i,1)
    }
}
操作Array元素的callback的方法集合
forEach、map、filter、every、some、reduce、reduceRight

forEach對元素上執行callback的操作

var a = ["1", 20, 30];
a.forEach((item, index, a)=>{
    ++item
}) // 不會改變a值
a.forEach((item, index)=>{
    a[index] = ++item
}) // 改變a值

map對元素callback并返回一個由callback返回值組成的新數組

var a = ["1", 20, 30];
var b = a.map((item, index, a)=>{
    return ++item // 如果沒有return會輸出undefined
}) // [2,22,32]

filter返回元素callback返回值為true的元素組成的新數組

var a = ["1", 20, 30];
console.log(a.filter((item)=>{
    return typeof item === "string"
})) //["1"]

every當所有元素的callback都返回true時,值為true。用于判斷所有元素是否符合某一條件

var a = ["1", 20, 30];
console.log(a.every((item)=>{
    return typeof item === "string"
})) // false

some只要其中一個元素callback返回true,值為true。用于判斷某一個元素符合單一條件的情況

var a = ["1", 20, 30];
console.log(a.some((item)=>{
    return typeof item === "string"
})) // true

reduce和reduceRight是數組元素兩兩按照callback的邏輯進行遞歸處理。返回處理完以后的結果。

var a = ["1", 20, 30];
var total = a.reduce(function(first, second) { return first + second; }, 2);
console.log(total) // 212030(((第二個參數2+"1")+20)+30)
var total = a.reduceRight(function(first, second) { return first + second; }, 2);
console.log(total) // 521(((第二個參數2+30)+20)+"1")
如何循環刪除多個元素,數組長度不變
for (let i = 0; i < arr.length; i++){
    if(arr[i] === 1){
       delete arr[i]
    }
}
// 刪除對應元素后,對應元素被置換為undefined,但是對應的i值(i in arr為false),直接復制arr[i]=undefined時i in arr 為 true
ES6 數組去重
let arr = [1,2,3,1,2,3,4]
let set = new Set(arr)
arr = [...set]
數組的一些擴展方法
Array.from(),Array.of(),Array.prototype.copyWithin(),includes()
參考文獻

Array的擴展方法

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

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

相關文章

  • jsArray方法歸類解析

    摘要:為什么要對方法進行歸類解析因為它常用,而且面試必問改變原數組的方法刪除并返回數組最后一個元素從末尾給數組添加元素,返回新數組值顛倒數組元素,返回顛倒后的數組刪除并返回第一個元素值數組排序刪除指定位置開始指定長度的元素,返回被刪除的項目。 為什么要對Array方法進行歸類解析 因為它常用,而且面試必問 改變原數組的方法 pop 刪除并返回數組最后一個元素push 從末尾給數組添加元素,返...

    li21 評論0 收藏0
  • JS如何準確判斷數據類型

    摘要:對于此處的類型都是實例后的對象,并不會深入識別他們的構造函數這里不是數據類型。通過上面的判斷,我們知道它并不能滿足一些內置構造函數創建的偽類型。 在我的第一篇文章里,介紹過JS各大類型并使用typeof進行輸出查看.也有提到過每個函數都有一個自己的內部屬性[[class]],這個class指的是js內部分類.這個類的大致包括:數據類型和構造函數這兩種。 JavaScript類型介紹 ...

    KitorinZero 評論0 收藏0
  • 強迫癥->js注釋規范

    摘要:之前自己寫代碼,就像一盤散沙,完全沒有一種規范。經過最近一段時間的開發,和對一些注釋風格的參考,形成了自己想去使用的注釋規范。如果變量注釋有點長,就不太好了。 之前自己寫代碼,就像一盤散沙,完全沒有一種規范。這種自由,會讓自己寫的東西時常變化。也很不利于團隊協作開發。經過最近一段時間的開發,和對一些注釋風格的參考,形成了自己想去使用的注釋規范。 js的組織是模塊化,一個模塊對...

    Thanatos 評論0 收藏0
  • 深入理解 form 系列(一)-- HTML 表單

    摘要:表單元素從到表單相關的元素已經得到了很大的擴充基本能夠滿足我們常見的需求。但在此之前清楚的了解并掌握各種表單元素還是很重要的。在本文中我們將對表單元素默認是指表單元素進行詳細的闡述。 表單元素 從 HTML 到 HTML5, 表單相關的元素已經得到了很大的擴充, 基本能夠滿足我們常見的需求。但在實際工作中, 因為交互或者瀏覽器兼容的需要, 有時候不得不對原生的表單元素進行擴展或者模擬。...

    cnio 評論0 收藏0

發表評論

0條評論

mudiyouyou

|高級講師

TA的文章

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