javascript數(shù)組方法splice()和slice()的作用和區(qū)別的總結(jié)

crelaber 發(fā)布于2019-08-23 18:01 / 798人閱讀

摘要：和唯一的共同點(diǎn)是都是對(duì)數(shù)組的操作，還有就是長(zhǎng)的很像，有時(shí)候容易搞混。利用同樣也可以實(shí)現(xiàn)根據(jù)索引刪除某一項(xiàng)刪除數(shù)組里的某一項(xiàng)返回一個(gè)新的數(shù)組不直接修改數(shù)組

splice() 和 slice()唯一的共同點(diǎn)是都是對(duì)數(shù)組的操作，還有就是長(zhǎng)的很像，有時(shí)候容易搞混。

這兩個(gè)最的區(qū)別：
splice()會(huì)改變?cè)瓉?lái)的數(shù)組，返回的是被改變的內(nèi)容，比如說(shuō)通過(guò)splice刪掉了某一項(xiàng)，那么返回的是刪掉的這一項(xiàng)，當(dāng)然還是會(huì)以數(shù)組的形式返回。
舉個(gè)栗子

    let animals = ["ant", "bison","camel","duck","elephant"]
    console.log(animals.splice(2,1)) //["camel"]

被刪掉的是索引未為2的一項(xiàng)，返回的也只有這一項(xiàng)
所以如果想刪掉某一項(xiàng)，并不需要得到一個(gè)新的數(shù)組，只需要

   animals.splice(2,1)
   console.log(animasl)//["ant", "bison","duck","elephant"]

// 用某個(gè)元素替換掉數(shù)組里的某個(gè)元素 直接修改原來(lái)的數(shù)組
Array.prototype.replaceAryItem = function(index,val) {
    this.splice(index,1,val)
}

slice不會(huì)對(duì)原數(shù)組進(jìn)行改變，會(huì)返回一個(gè)新的數(shù)組。利用slice同樣也可以實(shí)現(xiàn)根據(jù)索引刪除某一項(xiàng)

// 刪除數(shù)組里的某一項(xiàng) 返回一個(gè)新的數(shù)組 不直接修改數(shù)組
Array.prototype.removeAryItemByIndex = function(index) {
    return this.slice(0,index).concat(this.slice(index+1))
}

GPU云服務(wù)器云服務(wù)器 slice和splice的區(qū)別功能和作用的區(qū)別 php和javascript的區(qū)別 javascript和jquery的區(qū)別

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/104548.html

相關(guān)文章

JavaScript 處理數(shù)組函數(shù)總結(jié)

摘要：從而將傳入的數(shù)組誤判為非數(shù)組。返回值把指定的值添加到數(shù)組后的新長(zhǎng)度。方法用于刪除并返回?cái)?shù)組的最后一個(gè)元素返回值的最后一個(gè)元素。如果數(shù)組已經(jīng)為空，則不改變數(shù)組，并返回值。 JavaScript的array可以包含任意數(shù)據(jù)類型，并通過(guò)索引來(lái)訪問(wèn)每個(gè)元素。 1、檢測(cè)數(shù)組：instanceof、slice()、Array.isArray() 檢測(cè)一個(gè)對(duì)象是不是數(shù)組的三種方法：(1)方法一：i...

instein 2019-08-19 18:17 評(píng)論0 收藏0
javascript高級(jí)編程-Array引用類型用法總結(jié)

摘要：引用類型類型引用類型是一種數(shù)據(jù)結(jié)構(gòu)，用于將數(shù)據(jù)和功能聯(lián)系起來(lái)。引用類型-Array類型引用類型是一種數(shù)據(jù)結(jié)構(gòu)，用于將數(shù)據(jù)和功能聯(lián)系起來(lái)。創(chuàng)建對(duì)象的方式： 1.new操作符 var array=new Array(); 2.字面量表示法創(chuàng)建 var array=[]; Array 檢測(cè)數(shù)組:檢測(cè)數(shù)組是基本類型還是引用類型轉(zhuǎn)換方法:將數(shù)組轉(zhuǎn)換成字符串或數(shù)組對(duì)象棧方法:后進(jìn)先...

CntChen 2019-08-20 11:04 評(píng)論0 收藏0
JavaScript之數(shù)組操作方法concat( )、slice( )、splice( )

摘要：為什么炒冷飯了解這些方法就可以在很方業(yè)務(wù)場(chǎng)景使用，了解他們的用法也會(huì)帶來(lái)很大的遍歷這里我總結(jié)的是數(shù)組拼接法該方法基于當(dāng)前數(shù)組創(chuàng)建一個(gè)新的數(shù)組副本，然后將參數(shù)添入該數(shù)組副本中的末尾，如果參數(shù)中包含一個(gè)或多個(gè)數(shù)組，該方法會(huì)將數(shù)組中的每一項(xiàng)都添加為什么炒冷飯：了解這些方法就可以在很方業(yè)務(wù)場(chǎng)景使用，了解他們的用法也會(huì)帶來(lái)很大的遍歷 concat( ) 這里我總結(jié)的是數(shù)組拼接法該方法基于...

learning 2019-08-23 18:31 評(píng)論0 收藏0
JavaScript數(shù)組使用方法總結(jié)

摘要：第二種方式稱為數(shù)組字面量表示法。是對(duì)數(shù)組進(jìn)行排序。方法方法可以說(shuō)是數(shù)組中功能最強(qiáng)大的方法，集多項(xiàng)功能于一身。的返回值為刪除的元素組成的數(shù)組。不改變數(shù)組的方法轉(zhuǎn)換方法方法主要是用來(lái)將數(shù)組的元素通過(guò)規(guī)定的方式連接成字符串。作為最常用的類型，JavaScript中的數(shù)組還是和其他語(yǔ)言中有很大的區(qū)別的。主要體現(xiàn)在兩點(diǎn)：數(shù)組中的每一項(xiàng)都可以保存任何類型的數(shù)據(jù) 數(shù)組的大小可以動(dòng)態(tài)調(diào)整首先...

cyixlq 2019-08-22 17:10 評(píng)論0 收藏0
Javascript中的魔鬼

摘要：發(fā)生這個(gè)異常的原因就是因?yàn)樵谡{(diào)用函數(shù)時(shí)，中的已經(jīng)不再指向?qū)ο蠖侵赶蛄巳謱?duì)象，由于下并沒(méi)有屬性，所以輸出。在為綁定的上下文環(huán)境之后，并不會(huì)立即執(zhí)行。方法用于檢查數(shù)組中的是否存在符合條件的項(xiàng)，存在則返回否則返回。寫作意圖這篇文章用于總結(jié)一些javascript語(yǔ)言中常見(jiàn)的易混淆點(diǎn)。 call | apply | bind 在js中，最詭異莫測(cè)的莫過(guò)于this了，理解的不夠深入或是應(yīng)...

daydream 2019-08-22 15:59 評(píng)論0 收藏0