詳解js刪除數(shù)組中的指定元素
更新時間：2018年10月31日 08:46:47 投稿：laozhang
在本篇文章中我們給大家分享了js刪除數(shù)組中的指定元素的詳實示例方法，有需要的朋友們學習下
本篇文章將會給大家介紹兩種刪除數(shù)組中的指定元素的方式，分別為：
1、單獨定義一個的函數(shù)，通過函數(shù)來刪除指定數(shù)組元素。
2、為Array對象定義了一個removeByValue的方法，在調(diào)用方法來刪除指定數(shù)組元素，調(diào)用非常簡單的。
下面我們通過簡單的代碼示例來簡單介紹這兩種刪除數(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、定義并調(diào)用數(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>
效果圖：
總結(jié)：以上就是本篇文章所介紹的js刪除數(shù)組指定元素的兩種方式，大家可以自己動手試試，加深理解，希望能對大家的學習有所幫助。
您可能感興趣的文章:
相關文章
JS/jQuery實現(xiàn)默認顯示部分文字點擊按鈕顯示全部內(nèi)容
默認顯示部分文字，點擊按鈕顯示全部，類似這樣的功能在一些特殊的地方會見到吧，下面與大家分享下JS、jQuery如何實現(xiàn)，感興趣的朋友可以參考下哈，希望對你有所幫助2013-05-05
這篇文章主要介紹了JS簡單數(shù)組排序操作,結(jié)合實例形式分析了javascript使用sort方法進行數(shù)組排序的相關操作技巧,需要的朋友可以參考下2019-05-05
日常小程序里很多是需要付款的，那如何在小程序里實現(xiàn)付款呢？本篇就帶著大家體驗一下，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值2022-08-08
微信小程序?qū)崿F(xiàn)動態(tài)設置placeholder提示文字及按鈕選中/取消狀態(tài)的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動態(tài)設置placeholder提示文字及按鈕選中/取消狀態(tài)的方法,涉及事件綁定及this.setData動態(tài)設置屬性數(shù)據(jù)的相關操作技巧,需要的朋友可以參考下2017-12-12
JavaScript forEach()遍歷函數(shù)使用及介紹
這篇文章主要介紹了JavaScript forEach()遍歷函數(shù)使用及介紹,本文講解了使用forEach遍歷數(shù)組的用法以及提前終止循環(huán)的一個方法技巧,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了javascript中replace的使用方法，使用replace和正則表達式共同實現(xiàn)字符串trim方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
MATLAB中ismissing函數(shù)用法小結(jié)
這篇文章主要介紹了MATLAB中ismissing函數(shù)用法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
JavaScript實現(xiàn)飛機大戰(zhàn)游戲
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)飛機大戰(zhàn)游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
國外JavaScript經(jīng)典封裝集合整理...2007-05-05
js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié)
這篇文章主要介紹了js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10