欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2018年10月31日 08:46:47   投稿：laozhang  
在本篇文章中我們給大家分享了js刪除數(shù)組中的指定元素的詳實示例方法，有需要的朋友們學(xué)習(xí)下

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

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

2、為Array對象定義了一個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ù)組指定元素的兩種方式，大家可以自己動手試試，加深理解，希望能對大家的學(xué)習(xí)有所幫助。

相關(guān)文章

  • 詳解js中常規(guī)日期格式處理、月歷渲染和倒計時函數(shù)

    詳解js中常規(guī)日期格式處理、月歷渲染和倒計時函數(shù)

    大家在日常開發(fā)的時候經(jīng)常要用到日期格式的處理，下面這篇文章主要給大家介紹了js中常規(guī)日期格式處理、月歷渲染及倒計時函數(shù),有需要的朋友可以參考借鑒，下面來一起看看吧。
    2016-12-12
  • JavaScript生成圖形驗證碼

    JavaScript生成圖形驗證碼

    這篇文章主要為大家詳細(xì)介紹了JavaScript生成圖形驗證碼的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • 詳解JS中的compose函數(shù)和pipe函數(shù)用法

    詳解JS中的compose函數(shù)和pipe函數(shù)用法

    這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法，想深入了解Javascript的同學(xué)，可以參考下
    2021-04-04
  • 更優(yōu)雅的微信小程序骨架屏實現(xiàn)詳解

    更優(yōu)雅的微信小程序骨架屏實現(xiàn)詳解

    這篇文章主要介紹了更優(yōu)雅的微信小程序骨架屏實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-08-08
  • JS讀寫CSS樣式的方法匯總

    JS讀寫CSS樣式的方法匯總

    這篇文章主要為大家詳細(xì)匯總了JS讀寫CSS樣式的方法，內(nèi)容詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-08-08
  • JS檢測移動端橫豎屏的代碼

    JS檢測移動端橫豎屏的代碼

    這篇文章主要介紹了JS檢測移動端橫豎屏的代碼,非常不錯具有參考借鑒價值，需要的朋友可以參考下
    2016-05-05
  • 用JavaScript做一個簡易計算器的三種方法舉例

    用JavaScript做一個簡易計算器的三種方法舉例

    這篇文章主要給大家介紹了關(guān)于用JavaScript做一個簡易計算器的三種方法,JS中實現(xiàn)一個簡單的計算器并不困難,我們只需利用基本的數(shù)學(xué)運(yùn)算符和JavaScript的語法即可,需要的朋友可以參考下
    2023-10-10
  • 讓Firefox支持event對象實現(xiàn)代碼

    讓Firefox支持event對象實現(xiàn)代碼

    FireFox并沒有 window.event ,所以在FireFox下編寫事件處理函數(shù)是很麻煩的事。如果要得到 event 對象,就必須要聲明時間處理函數(shù)的第一個參數(shù)為event
    2009-11-11
  • 微信小程序?qū)崿F(xiàn)圖形驗證碼

    微信小程序?qū)崿F(xiàn)圖形驗證碼

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖形驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-05-05
  • js中創(chuàng)建對象的幾種方式示例介紹

    js中創(chuàng)建對象的幾種方式示例介紹

    JavaScript中的所有事物都是對象，本文為大家介紹下JS中創(chuàng)建對象的幾種方式，如原始方法、工廠方法等等
    2014-01-01

最新評論