首頁 > web前端 > js教程 > 主體

JS數組學習如何根據數組下標刪除任意元素

青灯夜游
發布: 2021-08-19 12:05:12
原創
11746 人瀏覽過

在先前的文章《JS數組學習之怎麼去除頭部或尾部元素》中,我們介紹了刪除數組開頭或末尾元素的方法。下面我們繼續JavaScript數組的學習和練習,來看看如何根據數組下標刪除任意元素,有興趣的朋友可以學習了解一下~

我們都知道數組中的每個元素都有一個序號,這個序號從0開始,稱為下標(Index)。根據這個陣列下標,我們可以使用 陣列名[下標] 的形式來存取指定下標的元素。

存取到指定元素後,就可以利用 delete運算子來刪除該元素,但陣列長度不會改變;刪除後的該元素會變為空位元素,

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);
登入後複製

JS數組學習如何根據數組下標刪除任意元素

空位元素可以讀寫,length 屬性不排斥空位,空元素位元傳回值為 undefined

console.log(arr[1]);
登入後複製

JS數組學習如何根據數組下標刪除任意元素

說明:空元素與元素的值為 undefined 是兩個不同的概念,即使空元素的回傳值也是 undefined。 JavaScript 在初始化陣列時,只有真正儲存有值得元素才可以分配記憶體。

利用delete運算子一次只能刪除一個陣列元素,並且因為不改變陣列長度,我們就無法透過length屬性來觀察這個陣列的變化了。那麼如果想要在指定下標位置刪除一個或多個元素,且是真正的刪除這些元素,數組長度要有改變,這要怎麼做呢?

可以使用 splice() 方法。 之前就說過了splice() 是一個強大的方法,我們已經了解了怎麼使用它來插入元素,這次來了解一下怎麼使用splice()來在指定下標位置刪除一個或多個元素。

刪除元素的語法:

array.splice(index,howmany)
登入後複製
  • 第1個參數 index 可以指定起始下標位置(即開始刪除元素的位置) ;

  • 第2個參數 howmany 指定應該刪除的元素數目(即需要刪除的一個或多個元素)。

我們透過下面的例子來具體看看:

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);
登入後複製

可以看出:使用arr.splice(1,2)從下標1的位置(陣列第2個元素)開始刪除2個元素,也就是刪除了arr[1]arr[2],因此輸出結果為:

JS數組學習如何根據數組下標刪除任意元素

利用splice() 方法我們也可以實作在陣列開頭和結尾刪除元素的操作:

  • 如果想要在陣列一開始刪除元素,就設定該方法第1個參數index的值為0即可

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);
登入後複製

JS數組學習如何根據數組下標刪除任意元素

  • 如果想要在陣列最後刪除元素,就設定該方法第1個參數index的值為負數,那麼就會以絕對值從陣列右邊開始向左側定位;且第2個參數howmany的值要等於 index的值。

var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第二个元素开始,截取两个元素
arr.splice(-2,2);
console.log(arr);
登入後複製

JS數組學習如何根據數組下標刪除任意元素

好了,就說到這裡了,有需要的可以看:javascript高階教學

以上是JS數組學習如何根據數組下標刪除任意元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板