Javascript 之 splice的用法

2021-08-20 04:28:52 字數 822 閱讀 9573

專案中有時會遇到在陣列中的任意位置,新增或刪除元素的情況,這時使用js 的splice函式也是十分方便的:

const arr = ['a','b','c','d','e'];

const newarr = arr.splice(1, 2,'aa');

console.log(newarr);

console.log(arr);

console.log('-------向陣列增加元素--------')

const arr2 = ['a','b','c','d'];

const newarr2 = arr2.splice(0, 0,'bb');

console.log(newarr2);

console.log(arr2);

第乙個函式為你先想對該陣列進行刪除操作的起始索引(正向從索引0開始);第二個引數為從起始索引()往後刪除的元素個數,若設為0;則表示增加元素;第三個引數為刪除指定的那些元素後,合併這些空缺補上乙個元素; 如第二個引數為0,則表示在第乙個引數指定的索引處新增上這個元素,其後面的元素均向後挪乙個位置,看上面**的結果:

可見,splice運算元組後返回的是刪除的元素的整合的陣列(newarr),若第二個引數為0,表示未刪除任何元素(newarr2);並且此方法會改變初始的陣列(arr或arr2)

支援情況:所有主流瀏覽器均支援。

JavaScript之prototype斷鏈理解

最近在論壇看到一篇帖子關於prototype斷鏈的,原文如下 var sound function person person.prototype sound 早點綁上去 var fo1o new person var person.prototype 遲了綁上去 yyyy yyyy alert f...

javascript之工廠模式

工廠模式,根據不同的引數來產生不同的物件 23中設計模式之一 需求 產生不同的手機物件 var p1 批量的產生物件,根據具體引數來確定屬性 function phone color,size,cpu object型別 obj.color color obj.size size obj.cpu cp...

JavaScript學習之排序

陣列的排序 1.陣列排序arr1 4,5,6,2,3,8,1,0,7 function add a,b document.write arr1.sort add 從小到大排列。a在js中表示前乙個數,b表示後乙個數,我理解為若差值為負,則順序不變,若差值為正,則a與b交換順序 function ji...