Heim > Web-Frontend > js-Tutorial > Wie lösche ich bestimmte Elemente in einem Array in js?

Wie lösche ich bestimmte Elemente in einem Array in js?

青灯夜游
Freigeben: 2020-10-19 11:11:57
Original
31473 Leute haben es durchsucht

Die Methode zum Löschen des angegebenen Elements im Array in js: Durchlaufen Sie zuerst das Array, um den Indexwert des angegebenen Elements abzurufen, und verwenden Sie dann die splice()-Methode entsprechend dem Indexwert, um das Element und die Syntax zu löschen ist „array.splice(index value, 1)“.

Wie lösche ich bestimmte Elemente in einem Array in js?

Detaillierte Erklärung zum Löschen eines bestimmten Elements in einem Array in JavaScript:

Um ein Element in einem Array zu löschen, müssen Sie zunächst den Indexwert des angegebenen Elements ermitteln, das gelöscht werden muss .

var arr=[1,5,6,12,453,324];
function indexOf(val){
 for(var i = 0; i < arr.length; i++){
  if(arr[i] == val){return i;}
 }
 return -1;
}
Nach dem Login kopieren

Nachdem Sie den entsprechenden Indexwert gefunden haben, löschen Sie den Wert, der dem Element im Array entsprechend dem Indexwert entspricht

function remove(val){
 var index = indexOf(val);
 if(index > -1){arr.splice(index,1);}
}
Nach dem Login kopieren

Beispiel: Löschen Sie das „tue“-Element im Array somearray

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
 </head>
  
 <body>
  <div class="demo">
   <p>数组: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>新数组:" + somearray + "</p>");
 </script>
  
</html>
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen: js Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie lösche ich bestimmte Elemente in einem Array in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage