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

crelaber 發布于2019-08-23 18:01 / 744人閱讀

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript 處理數組函數總結

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

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

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

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

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

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

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

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

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

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