方法:1、使用delete,語法「delete arr[刪除元素的下標]」;2、使用pop(),文法「arr.pop()」;3、使用splice(),文法“arr.splice(開始位置,刪除項數)”;4、使用prototype原型方法。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
在JavaScript中,除了Object之外,Array型別(陣列)恐怕就是最常用的型別了。與其他語言的陣列相比,JavaScript中的Array非常靈活。這種靈活性有利有弊,好處是其富有創造性,可以提供各種靈活的解決方案;壞處是容易腦子不夠用,因為事實上,它太靈活了,靈活到無法控制的抓狂。
前面調侃了幾句,回歸正題,這裡要總結5個在JavaScript中刪除Array元素的方法,分別是利用delete關鍵字、pop()堆疊方法、shift()佇列方法、splice( )操作方法和prototype原型方法。
delete關鍵字
JavaScript提供了一個delete
關鍵字用來刪除(清除)陣列元素。
var colors = ["red", "blue", "grey", "green"]; delete colors[0]; console.log(colors); // [undefined, "blue", "grey", "green"]
要注意的是,使用delete刪除元素之後數組長度不變,只是被刪除元素被置為undefined
了。
pop()堆疊方法
JavaScript中的Array物件提供了一個pop()
堆疊方法用於彈出並返回數組中的最後一項,某種程度上可以當做刪除用。
堆疊資料結構的存取規則是FILO
(先進後出),堆疊操作在堆疊頂部新增項,從堆疊頂端移除項,使用pop()方法,它能移除數組中的最後一項並傳回該項,並且數組的長度減1。
var colors = ["red", "blue", "grey"]; var color = colors.pop(); console.log(color); // "grey" console.log(colors.length); // 2
可以看出,在呼叫pop()方法時,數組傳回最後一項,即”grey”,數組的元素也只剩兩項。
splice()操作方法
在JavaScript的Array物件中提供了一個splice()
方法用於對陣列進行特定的操作。 splice()恐怕要算最強大的陣列方法了,他的用法有很多種,在此只介紹刪除陣列元素的方法。在刪除陣列元素的時候,它可以刪除任意數量的項,只需要指定2個參數:要刪除的第一項的位置和要刪除的項數。
var colors = ["red", "blue", "grey"]; var color = colors.splice(0, 1); console.log(color); // "red" console.log(colors); // ["blue", "grey"]
可以看出,在呼叫了splice(0, 1)方法時,陣列從第一項開始,刪除了一項。
prototype原型方法
可以透過在Array的原型上新增方法來達到刪除的目的。
Array.prototype.remove = function(dx) { if(isNaN(dx) || dx > this.length){ return false; } for(var i = 0, n = 0; i < this.length; i++) { if(this[i] != this[dx]) { this[n++] = this[i]; } } this.length -= 1; }; var colors = ["red", "blue", "grey"]; colors.remove(1); console.log(colors); // ["red", "grey"]
這種方法其實就是自己實作一個刪除的邏輯,然後把刪除方法加入了Array的原型對象,則在此環境中的所有Array對像都可以使用該方法。儘管可以這麼做,但是不建議在產品化的程式中修改原生物件的原型。道理很簡單,如果只是某個實作中缺少某個方法,就在原生物件的原型中加入這個方法,那麼當在另一個支援該方法的實作中執行程式碼時,就可能導致命名衝突。而且這樣做可能會意外地導致原生方法被重寫。
shift()佇列方法
JavaScript中的Array物件提供了一個shift()
佇列方法用於彈出並傳回數組中的第一項,某種程度上也可以當刪除。
佇列資料結構的存取規則是FIFO
(先進先出),佇列在清單的末端新增項,從清單的前端移除項,使用shift()方法,它能夠移除數組中的第一個項並傳回該項,並且數組的長度減1。
var colors = ["red", "blue", "grey"]; var color = colors.shift(); console.log(color); // "red" console.log(colors.length); // 2
可以看出,在呼叫shift()方法時,數組會傳回第一項,即”red”,數組的元素也只剩兩項。
相關學習推薦:javascript(影片)
以上是javascript刪除數組元素的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

Dreamweaver Mac版
視覺化網頁開發工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

記事本++7.3.1
好用且免費的程式碼編輯器