詳解js刪除數(shù)組中的指定元素

更新時(shí)間：2018年10月31日 08:46:47 投稿：laozhang

在本篇文章中我們給大家分享了js刪除數(shù)組中的指定元素的詳實(shí)示例方法，有需要的朋友們學(xué)習(xí)下

本篇文章將會(huì)給大家介紹兩種刪除數(shù)組中的指定元素的方式，分別為：

1、單獨(dú)定義一個(gè)的函數(shù)，通過函數(shù)來刪除指定數(shù)組元素。

2、為Array對象定義了一個(gè)removeByValue的方法，在調(diào)用方法來刪除指定數(shù)組元素，調(diào)用非常簡單的。

下面我們通過簡單的代碼示例來簡單介紹這兩種刪除數(shù)組指定元素的方式。

1、定義單獨(dú)的函數(shù)removeByValue來進(jìn)行元素刪除

代碼示例：刪除數(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ù)組指定元素的兩種方式，大家可以自己動(dòng)手試試，加深理解，希望能對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS/jQuery實(shí)現(xiàn)默認(rèn)顯示部分文字點(diǎn)擊按鈕顯示全部內(nèi)容
默認(rèn)顯示部分文字，點(diǎn)擊按鈕顯示全部，類似這樣的功能在一些特殊的地方會(huì)見到吧，下面與大家分享下JS、jQuery如何實(shí)現(xiàn)，感興趣的朋友可以參考下哈，希望對你有所幫助
2013-05-05
JS簡單數(shù)組排序操作示例【sort方法】
這篇文章主要介紹了JS簡單數(shù)組排序操作,結(jié)合實(shí)例形式分析了javascript使用sort方法進(jìn)行數(shù)組排序的相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
微信小程序詳解如何實(shí)現(xiàn)付款功能
日常小程序里很多是需要付款的，那如何在小程序里實(shí)現(xiàn)付款呢？本篇就帶著大家體驗(yàn)一下，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值
2022-08-08
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)的方法,涉及事件綁定及this.setData動(dòng)態(tài)設(shè)置屬性數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
JavaScript forEach()遍歷函數(shù)使用及介紹
這篇文章主要介紹了JavaScript forEach()遍歷函數(shù)使用及介紹,本文講解了使用forEach遍歷數(shù)組的用法以及提前終止循環(huán)的一個(gè)方法技巧,需要的朋友可以參考下
2015-07-07
javascript中replace使用方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了javascript中replace的使用方法，使用replace和正則表達(dá)式共同實(shí)現(xiàn)字符串trim方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
MATLAB中ismissing函數(shù)用法小結(jié)
這篇文章主要介紹了MATLAB中ismissing函數(shù)用法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-09-09
JavaScript實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
國外JavaScript經(jīng)典封裝集合整理
國外JavaScript經(jīng)典封裝集合整理...
2007-05-05
js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié)
這篇文章主要介紹了js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10