JavaScript 數組方法對比

opengps 發布于2019-08-20 14:08 / 3230人閱讀

摘要：前言提供了多種新增，移除，替換數組元素的方法，但是有些會影響原來的數組有些則不會，它是新建了一個數組。

前言：JavaScript 提供了多種新增，移除，替換數組元素的方法，但是有些會影響原來的數組；有些則不會，它是新建了一個數組。

ps:在開始申明：var l = console.log.bind(console)

新增

1：影響原數組

    let arr = [1,2,3,4];
    arr.push(5)//[1, 2, 3, 4, 5];
    arr.unshift(0)//[0, 1, 2, 3, 4, 5]

2：不影響原數組
使用concat方法：

    let arr = [1,2,3,4];
    arr.concat(5);
    l(arr) //[1,2,3,4]

使用JavaScript 的展開（spread）操作符，展開操作符是三個點（…）

    let arr1 = [1,2,3,4];
    let arr2 = [...arr1,5];
    l(arr2)//[1, 2, 3, 4, 5]
    l(arr1)//[1, 2, 3, 4, 5]

刪除

1：影響原數組

    let arr = [1,2,3,4];
    l(arr.pop());//4 取到最后一個
    l(arr)//[1,2,3] 原數組被改變
    l(arr.shift());//1 取到第一個
    l(arr)//[2,3] 原數組被改變

使用Array.splice()方法

    let arr = ["a","b","c","d"];
    arr.splice(1,2)//1代表從索引為1的數開始("b"),2代表刪除("b","c")這兩個元素,也就實現了刪除這個目的
    l(arr)["a","d"]

2：不影響原數組
使用Array.filter方法基于原數組創建一個新數組，新數組僅包含匹配特定條件的元素

    let arr = [1,2,3,4];
    l(arr.filter(e => e !== 3))//[1, 2, 4] ，e 代表arr中的每一項
    l(arr)//[1, 2, 3, 4] 原數組未被改變

使用Array.slice方法

    let arr = ["a","b","c","d"];
    l(arr.slice(1,2)); //["b"]
    l(arr);//["a", "b", "c", "d"]

替換

1：影響原數組
使用Array.splice()方法

    let arr = ["a","b","c","d"];
    l(arr.splice(1,2,"e","f"))//["b", "c"]
    l(arr)//["a", "e", "f", "d"]

2：不影響原數組
使用Array.map()方法

    let arr = ["a","b","c","d"];
    let arr1= arr.map(item => {
        if (item == "b") {
            item = "f"
        }
        return item
    } )
    l(arr1)//["a", "f", "c", "d"]
    l(arr)//["a","b","c","d"]

云服務器 GPU云服務器 javascript數組方法 php數組對比值 php 多維數組對比 js對比數組的值

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

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

JS 數組循環遍歷方法的對比

摘要：循環方法方法不改變原數組方法會給原數組中的每個元素都按順序調用一次函數。篩選出過濾出數組中符合條件的項組成新數組代碼方法方法為數組中的每個元素執行一次函數，直到它找到一個使返回表示可轉換為布爾值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 發展至今已經發展出多種數組的循環遍...

BlackFlagBin 2019-08-26 11:31 評論0 收藏0
JavaScript面向對象中的嚴格模式個人分享

摘要：嚴格模式嚴格模式的概念所謂嚴格模式就是對中的一種限制性更強的方式屬于代碼的一種強制規則來規范代碼的格式簡單的說就是必須按照嚴格模式的規則書寫代碼否則就會報錯嚴格模式修正了一些引擎難以優化的錯誤同樣的代碼有些時候嚴格模式會比非嚴格模式下更加快嚴格模式嚴格模式的概念所謂嚴格模式就是對JavaScript中的一種限制性更強的方式. 屬于代碼的一種強制規則,來規范代碼的格式簡單的說就是...

lordharrd 2019-08-23 11:27 評論0 收藏0
5分鐘了解JSON那些事兒

摘要：簡介是對象表示法的縮寫是一種數據格式而不是一種編程語言用來表示結構化數據是的一個嚴格子集并不從屬于很多編程語言都可以用數據格式語法語法可以表示以下三種類型的值簡單值字符串數值布爾值但是不支持對象數組不支持變量函數對象實例簡單值字符串數字布爾 JSON 簡介 JSON是JavaScript Object Notation(JavaScript對象表示法)的縮寫 JSON是一種數據格式,...

ad6623 2019-08-23 16:49 評論0 收藏0
Javascript實現數組去重方法及效率對比

摘要：前言其實網上搜索這些方法一堆堆的，之所以還來寫一遍主要是因為自己習慣一種之后就忘了其他方法怎么實現，就寫一寫總結一下，順便做個測試看看哪個效率最高，為了更好展示效果，我會先總結認為比較好的方法，后面統一測試。前言其實網上搜索這些方法一堆堆的，之所以還來寫一遍主要是因為自己習慣一種之后就忘了其他方法怎么實現，就寫一寫總結一下，順便做個測試看看哪個效率最高，為了更好展示效果，我會先總結...

tulayang 2019-08-26 10:28 評論0 收藏0
簡析前端學習python3的基礎

摘要：元組是靜態數組，它們不可變，且其內部數據一旦創建便無法改變。元組緩存于運行時環境，這意味著我們每次使用元組時無須訪問內核去分配內存。以下是整理的JavaScript和python的基礎區別的整理：字符串、列表、元組、字典、集合、函數字符串聲明一個字符串 python str = 123 str = 123 Tips: 如果是三個引號的話，那么在py中就是注釋的意思 ...

summerpxy 2019-08-26 13:34 評論0 收藏0