Rumah > hujung hadapan web > tutorial js > javascript如何删除数组中的指定元素

javascript如何删除数组中的指定元素

清浅
Lepaskan: 2019-02-20 13:55:28
asal
24590 orang telah melayarinya

js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素

本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法,具有一定的参考作用,希望对大家有所帮助。

javascript如何删除数组中的指定元素

【推荐课程:javascript教程

JavaScript删除数组中指定元素一般分为两个步骤,首先判断该指定元素是否存在数组中,然后在数组中删除该元素。接下来在文章中为大家详细介绍JavaScript删除数组中的指定元素的详细步骤。

一、判断元素是否在数组里

首先我们要先通过JavaScript代码来判断我们要删除的元素是否在这个数组里,我们可以通过以下的方法来实现这个功能

function isInArray(arr,value){
    for(var i = 0; i < arr.length; i++){
        if(value === arr[i]){
            return true;
        }
    }
    return false;
}
Salin selepas log masuk

通过上述的方法可以定义一个函数来判断是否指定元素在数组里,若在数组里则返回true,不在数组里则返回false

我们也可以通过indexOf方法来判断指定元素是否在数组里

function IsInArray(arr,val){ 
 
  var testStr=&#39;,&#39;+arr.join(",")+","; 
 
  return testStr.indexOf(","+val+",")!=-1; 
 
} 
  var arr=["sdf","ddd","eds","enm"];
  console.log(IsInArray(arr, "eds"));
Salin selepas log masuk

用indexOf方法需要注意两点,一是indexOf方法中的O必须要大写,二是这个方法在IE浏览器中的数组不存在这个方法

效果图:

javascript如何删除数组中的指定元素

二、删除数组中指定元素

找到要删除的元素的索引后通过以下的函数方法对这个元素进行删除

这个功能的实现主要通过splice()方法实现,splice()方法主要用于删除、替换、添加数组中的元素等等

例:

<script>
function removeArray(arr, val) {
   for(var i = 0; i < arr.length; i++) {
    if(arr[i] == val) {
     arr.splice(i, 1);
     break;
    }
   }
  }
  var arr=["sdf","ddd","eds","enm"];
  removeArray(arr, "eds");
  document.write("<p>删除后的数组:" + arr + "</p>");
</script>
Salin selepas log masuk

效果图:

javascript如何删除数组中的指定元素

总结:以上就是本篇文章的全部内容了,希望通过这篇文章可以帮助大家学会如何去删除数组中的指定元素。

Atas ialah kandungan terperinci javascript如何删除数组中的指定元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan