js陣列的新增和刪除

2022-06-11 15:48:11 字數 2156 閱讀 2530

js中陣列元素常用新增方法是直接新增、push方法以及unshift方法

刪除方法則是delete、pop、shift

集修改方法為一身的則是splice

1、新增:

(1)直接新增通常都是這樣

var arr=;

arr[0]="first";

arr[1]="second";

(2)push

push方法向陣列的末尾新增乙個或多個元素,並返回新的長度

var arr=["first","second"];  

arr.push("last");//  arr→["first","second","last"]    arr.length=3

(3)unshift

unshift方法將乙個或多個元素新增到陣列的開頭,並返回新陣列的長度。

var arr=["first","second"];  

arr.unshift("last");//  arr→["last","first","second"]    arr.length=3

2、刪除

(1)delete

var arr=["first","second","last"];

delete arr[0];//arr→[undefined,"second","last"],arr.length=3;

這種方式陣列長度不變,此時test[2]變為undefined了,好處是原來陣列的索引也保持不變,此時要遍歷陣列元素可以才用.這種遍歷方式跳過其中undefined的元素,所以非常實用。

pop方法是與push對應的,pop() 方法將刪除 陣列的最後乙個元素,把陣列長度減 1,並且返回它刪除的元素的值。如果陣列已經為空,則 pop() 不改變陣列,並返回 undefined 值。

var arr=["first","second","last"];

arr.pop();//arr→["first","second"],arr.length=2;

(3)shift

與unshift對應,刪除第乙個元素,陣列長度-1,其他元素索引均-1,shift() 方法用於把陣列的第乙個元素從其中刪除,並返回第乙個元素的值。

如果陣列是空的,那麼 shift() 方法將不進行任何操作,返回 undefined 值。請注意,該方法不建立新陣列,而是直接修改原有的 arrayobject。

3、splice

splice方法是修改方法,具有新增和刪除功能

splice()的前兩引數指定了需要刪除的陣列元素,緊隨其後任意多個引數指定需要插入到陣列的元素,以至於splice可以實現新增、刪除和修改功能。實際上不是修改,只是先刪除乙個元素再把後面插入的元素插入到那個位置。

新增:var arr=[1,2,3,4,5];

arr.splice(2,0,"change");//arr→[1,2,"change",3,4,5]

引數2代表索引值,引數0代表要改變的元素個數,最後乙個引數代表要新增或者替換進去的元素。

刪除arr.splice(2,1);//arr→[1,2,4,5]  當然,也可以刪除多個,修改第二個引數即可

在本例中,我們將建立乙個新陣列,並向其新增乙個元素:

輸出:

george,john,thomas,james,adrew,martin

george,john,william,thomas,james,adrew,martin

在本例中我們將刪除位於 index 2 的元素,並新增乙個新元素來替代被刪除的元素:

輸出:

george,john,thomas,james,adrew,martin

george,john,william,james,adrew,martin

在本例中我們將刪除從 index 2 ("thomas") 開始的三個元素,並新增乙個新元素 ("william") 來替代被刪除的元素:

輸出:

george,john,thomas,james,adrew,martin

george,john,william,martin

陣列新增和刪除元素js

陣列的新增與刪除 新增元素 向陣列最後面新增乙個或多個元素 語法 arr.push ele1,ele2 該方法會返回乙個新的陣列長度,並且改變原來陣列裡面的元素 var arr 1,2,4,3,5 console.log arr.push 6 返回乙個新的陣列長度length 6 console.l...

js 陣列的新增和刪除方法

1.shift 方法 把陣列的第乙個元素刪除,並返回刪除的元素值。會改變原陣列 var movepos 11,22 movepos.shift console.log movepos 22 alert movepos 22 document.write movepos.length 1 2.conc...

JS陣列新增刪除

棧是一種後進先出的資料結構 lifo,last in first out push 末尾新增 pop 末尾刪除 shift 頭部刪除 unshift 頭部新增 unshift 比push 慢100倍,可以先使用reverse 反轉再使用push 但是我要找的是向指定位置插入資料 理論上增刪替換都能用...