JavaScript 數(shù)組方法對比

opengps 發(fā)布于2019-08-20 14:08 / 3236人閱讀

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

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

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

新增

1：影響原數(shù)組

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

2：不影響原數(shù)組
使用concat方法：

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

使用JavaScript 的展開（spread）操作符，展開操作符是三個(gè)點(diǎn)（…）

    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：影響原數(shù)組

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

使用Array.splice()方法

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

2：不影響原數(shù)組
使用Array.filter方法基于原數(shù)組創(chuàng)建一個(gè)新數(shù)組，新數(shù)組僅包含匹配特定條件的元素

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

使用Array.slice方法

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

替換

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

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

2：不影響原數(shù)組
使用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云服務(wù)器云服務(wù)器 javascript數(shù)組方法 php數(shù)組對比值 php 多維數(shù)組對比 js對比數(shù)組的值

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

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

相關(guān)文章

JS 數(shù)組循環(huán)遍歷方法的對比

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

BlackFlagBin 2019-08-26 11:31 評論0 收藏0
JavaScript面向?qū)ο笾械膰?yán)格模式個(gè)人分享

摘要：嚴(yán)格模式嚴(yán)格模式的概念所謂嚴(yán)格模式就是對中的一種限制性更強(qiáng)的方式屬于代碼的一種強(qiáng)制規(guī)則來規(guī)范代碼的格式簡單的說就是必須按照嚴(yán)格模式的規(guī)則書寫代碼否則就會報(bào)錯(cuò)嚴(yán)格模式修正了一些引擎難以優(yōu)化的錯(cuò)誤同樣的代碼有些時(shí)候嚴(yán)格模式會比非嚴(yán)格模式下更加快嚴(yán)格模式嚴(yán)格模式的概念所謂嚴(yán)格模式就是對JavaScript中的一種限制性更強(qiáng)的方式. 屬于代碼的一種強(qiáng)制規(guī)則,來規(guī)范代碼的格式簡單的說就是...

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

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

ad6623 2019-08-23 16:49 評論0 收藏0
Javascript實(shí)現(xiàn)數(shù)組去重方法及效率對比

摘要：前言其實(shí)網(wǎng)上搜索這些方法一堆堆的，之所以還來寫一遍主要是因?yàn)樽约毫?xí)慣一種之后就忘了其他方法怎么實(shí)現(xiàn)，就寫一寫總結(jié)一下，順便做個(gè)測試看看哪個(gè)效率最高，為了更好展示效果，我會先總結(jié)認(rèn)為比較好的方法，后面統(tǒng)一測試。前言其實(shí)網(wǎng)上搜索這些方法一堆堆的，之所以還來寫一遍主要是因?yàn)樽约毫?xí)慣一種之后就忘了其他方法怎么實(shí)現(xiàn)，就寫一寫總結(jié)一下，順便做個(gè)測試看看哪個(gè)效率最高，為了更好展示效果，我會先總結(jié)...

tulayang 2019-08-26 10:28 評論0 收藏0
簡析前端學(xué)習(xí)python3的基礎(chǔ)

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

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