詳解js刪除數(shù)組中的指定元素
更新時間：2018年10月31日 08:46:47 投稿：laozhang
在本篇文章中我們給大家分享了js刪除數(shù)組中的指定元素的詳實示例方法，有需要的朋友們學習下
本篇文章將會給大家介紹兩種刪除數(shù)組中的指定元素的方式，分別為：
1、單獨定義一個的函數(shù)，通過函數(shù)來刪除指定數(shù)組元素。
2、為Array對象定義了一個removeByValue的方法，在調用方法來刪除指定數(shù)組元素，調用非常簡單的。
下面我們通過簡單的代碼示例來簡單介紹這兩種刪除數(shù)組指定元素的方式。
1、定義單獨的函數(shù)removeByValue來進行元素刪除
代碼示例：刪除數(shù)組somearray里的"tue"元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>數(shù)組：mon, tue, wed, thur</p>
<p class="p"></p>
</div>
</body>
<script type="text/javascript">
function removeByValue(arr, val) {
for(var i = 0; i < arr.length; i++) {
if(arr[i] == val) {
arr.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
removeByValue(somearray, "tue");
//somearray will now have "mon", "wed", "thur"
document.write("<p>新數(shù)組：" + somearray + "</p>");
</script>
</html>
效果圖：
2、定義并調用數(shù)組的removeByValue方法來刪除指定元素
代碼示例：刪除數(shù)組somearray里的"wed"元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>數(shù)組：mon, tue, wed, thur</p>
<p>刪除指定元素"tue"后：</p>
</div>
</body>
<script type="text/javascript">
Array.prototype.removeByValue = function(val) {
for(var i = 0; i < this.length; i++) {
if(this[i] == val) {
this.splice(i, 1);
break;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
somearray.removeByValue("wed");
//somearray will now have "mon", "wed", "thur"
document.write("<p>新數(shù)組：" + somearray + "</p>");
</script>
</html>
效果圖：
總結：以上就是本篇文章所介紹的js刪除數(shù)組指定元素的兩種方式，大家可以自己動手試試，加深理解，希望能對大家的學習有所幫助。
您可能感興趣的文章:
相關文章
詳解js中常規(guī)日期格式處理、月歷渲染和倒計時函數(shù)
大家在日常開發(fā)的時候經(jīng)常要用到日期格式的處理，下面這篇文章主要給大家介紹了js中常規(guī)日期格式處理、月歷渲染及倒計時函數(shù),有需要的朋友可以參考借鑒，下面來一起看看吧。2016-12-12
這篇文章主要為大家詳細介紹了JavaScript生成圖形驗證碼的相關代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
詳解JS中的compose函數(shù)和pipe函數(shù)用法
這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法，想深入了解Javascript的同學，可以參考下2021-04-04
這篇文章主要介紹了更優(yōu)雅的微信小程序骨架屏實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細匯總了JS讀寫CSS樣式的方法，內(nèi)容詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JS檢測移動端橫豎屏的代碼,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
這篇文章主要給大家介紹了關于用JavaScript做一個簡易計算器的三種方法,JS中實現(xiàn)一個簡單的計算器并不困難,我們只需利用基本的數(shù)學運算符和JavaScript的語法即可,需要的朋友可以參考下2023-10-10
FireFox并沒有 window.event ,所以在FireFox下編寫事件處理函數(shù)是很麻煩的事。如果要得到 event 對象,就必須要聲明時間處理函數(shù)的第一個參數(shù)為event2009-11-11
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)圖形驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript中的所有事物都是對象，本文為大家介紹下JS中創(chuàng)建對象的幾種方式，如原始方法、工廠方法等等2014-01-01