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

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

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

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

這兩個最的區(qū)別：
splice()會改變原來的數(shù)組，返回的是被改變的內(nèi)容，比如說通過splice刪掉了某一項，那么返回的是刪掉的這一項，當然還是會以數(shù)組的形式返回。
舉個栗子

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

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

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

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

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

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

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

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

轉載請注明本文地址：http://systransis.cn/yun/104548.html

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

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

instein 2019-08-19 18:17 評論0 收藏0
javascript高級編程-Array引用類型用法總結

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

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

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

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

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

cyixlq 2019-08-22 17:10 評論0 收藏0
Javascript中的魔鬼

摘要：發(fā)生這個異常的原因就是因為在調(diào)用函數(shù)時，中的已經(jīng)不再指向對象而是指向了全局對象，由于下并沒有屬性，所以輸出。在為綁定的上下文環(huán)境之后，并不會立即執(zhí)行。方法用于檢查數(shù)組中的是否存在符合條件的項，存在則返回否則返回。寫作意圖這篇文章用于總結一些javascript語言中常見的易混淆點。 call | apply | bind 在js中，最詭異莫測的莫過于this了，理解的不夠深入或是應...

daydream 2019-08-22 15:59 評論0 收藏0