Heim Web-Frontend js-Tutorial JS löscht ein Element im Array-Instanzcode

JS löscht ein Element im Array-Instanzcode

Feb 05, 2018 am 09:56 AM
javascript 元素 实例

Dieser Artikel stellt Ihnen hauptsächlich eine JS-Methode zum Löschen eines Elements in einem Array vor. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Ein im Array angegebenes Element löschen

Zuerst können Sie eine Funktion für das JS-Array-Objekt definieren, um die Position des angegebenen Elements im zu finden Array. Das heißt, der Index, der Code lautet:


Array.prototype.indexOf = function(val) { 
for (var i = 0; i < this.length; i++) { 
if (this[i] == val) return i; 
} 
return -1; 
};
Nach dem Login kopieren

Verwenden Sie dann, um den Index dieses Elements abzurufen, und verwenden Sie die inhärente Funktion des js-Arrays um dieses Element zu löschen:

Der Code lautet:


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

Auf diese Weise wird eine solche Funktion erstellt. Zum Beispiel habe ich ein Array :


var emp = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]
Nach dem Login kopieren

Wenn wir das „fd“ löschen möchten, können wir Folgendes verwenden:


emp.remove(&#39;fd&#39;);
Nach dem Login kopieren

Einen bestimmten Teil des Array-Elements löschen

splice(index,len,[item]) Hinweis: Diese Methode ändert das ursprüngliche Array.

splice hat 3 Parameter, es kann auch verwendet werden, um einen oder mehrere Werte im Array zu ersetzen/löschen/hinzuzufügen

index: Array-Startindex len: Längenelement ersetzen/löschen: Ersatzwert: Wenn der Löschvorgang ausgeführt wird, ist das Element leer

Zum Beispiel: arr = ['a','b','c','d']

Löschen


//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1); 
console.log(arr); 
//[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]; 
 
 
//删除起始下标为1,长度为2的一个值(len设置2) 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 
arr2.splice(1,2); 
console.log(arr2); 
//[&#39;a&#39;,&#39;d&#39;]
Nach dem Login kopieren

Ersetzen


//替换起始下标为1,长度为1的一个值为‘ttt&#39;,len设置的1 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;c&#39;,&#39;d&#39;] 
 
 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr2.splice(1,2,&#39;ttt&#39;); 
console.log(arr2);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;d&#39;] 替换起始下标为1,长度为2的两个值为‘ttt&#39;,len设置的1
Nach dem Login kopieren

Add --- len ist auf 0 gesetzt, item ist der hinzugefügte Wert


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,0,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 表示在下标为1处添加一项&#39;ttt&#39;<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);"> </span>
Nach dem Login kopieren

Nachdem die Löschmethode die Elemente im Array gelöscht hat, der Index wird markiert. Wenn der Wert auf undefiniert gesetzt ist, ändert sich die Länge des Arrays nicht


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
Nach dem Login kopieren

Verwandte Empfehlungen:

PHP löscht das angegebene tiefgestellte Element im Array. Beispielcode

5 JavaScript-Algorithmen zum Löschen doppelter Elemente aus Arrays

Verwenden der PHP-Rekursion zum Löschen Nullelemente aus Arrays

Das obige ist der detaillierte Inhalt vonJS löscht ein Element im Array-Instanzcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

Erfahren Sie Best-Practice-Beispiele für die Zeigerkonvertierung in Golang Erfahren Sie Best-Practice-Beispiele für die Zeigerkonvertierung in Golang Feb 24, 2024 pm 03:51 PM

Golang ist eine leistungsstarke und effiziente Programmiersprache, mit der sich verschiedene Anwendungen und Dienste entwickeln lassen. In Golang sind Zeiger ein sehr wichtiges Konzept, das uns helfen kann, Daten flexibler und effizienter zu verwalten. Die Zeigerkonvertierung bezieht sich auf den Prozess der Zeigeroperation zwischen verschiedenen Typen. In diesem Artikel werden anhand konkreter Beispiele die Best Practices der Zeigerkonvertierung in Golang erläutert. 1. Grundkonzepte In Golang hat jede Variable eine Adresse, und die Adresse ist der Speicherort der Variablen im Speicher.

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript Jan 05, 2024 pm 01:37 PM

Einführung in die Methode zum Abrufen des HTTP-Statuscodes in JavaScript: Bei der Front-End-Entwicklung müssen wir uns häufig mit der Interaktion mit der Back-End-Schnittstelle befassen, und der HTTP-Statuscode ist ein sehr wichtiger Teil davon. Das Verstehen und Abrufen von HTTP-Statuscodes hilft uns, die von der Schnittstelle zurückgegebenen Daten besser zu verarbeiten. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript HTTP-Statuscodes erhalten, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist ein HTTP-Statuscode? HTTP-Statuscode bedeutet, dass der Dienst den Dienst anfordert, wenn er eine Anfrage an den Server initiiert

Die Beziehung zwischen der Anzahl der Oracle-Instanzen und der Datenbankleistung Die Beziehung zwischen der Anzahl der Oracle-Instanzen und der Datenbankleistung Mar 08, 2024 am 09:27 AM

Die Beziehung zwischen der Anzahl der Oracle-Instanzen und der Datenbankleistung Oracle-Datenbank ist eines der bekanntesten relationalen Datenbankverwaltungssysteme in der Branche und wird häufig für die Datenspeicherung und -verwaltung auf Unternehmensebene verwendet. In Oracle-Datenbanken ist die Instanz ein sehr wichtiges Konzept. Instanz bezieht sich auf die laufende Umgebung der Oracle-Datenbank im Speicher. Jede Instanz verfügt über eine unabhängige Speicherstruktur und einen Hintergrundprozess, der zur Verarbeitung von Benutzeranforderungen und zur Verwaltung von Datenbankvorgängen verwendet wird. Die Anzahl der Instanzen hat einen wichtigen Einfluss auf die Leistung und Stabilität der Oracle-Datenbank.

Wie überprüfe ich, ob ein Element in jQuery einen Attributwert enthält? Wie überprüfe ich, ob ein Element in jQuery einen Attributwert enthält? Feb 28, 2024 pm 02:54 PM

In jQuery müssen wir häufig prüfen, ob ein Element einen bestimmten Attributwert enthält. Dadurch können wir Aktionen basierend auf den Attributwerten des Elements ausführen. In diesem Artikel werde ich vorstellen, wie man mit jQuery prüft, ob ein Element einen bestimmten Attributwert enthält, und spezifische Codebeispiele bereitstellen. Schauen wir uns zunächst einige gängige Methoden in jQuery zum Bearbeiten der Attribute von Elementen an: .attr(): wird zum Abrufen oder Festlegen des Attributwerts eines Elements verwendet. .prop(): wird verwendet, um den Attributwert eines Elements abzurufen oder festzulegen

So implementieren Sie ein elektronisches Online-Signatursystem mit WebSocket und JavaScript So implementieren Sie ein elektronisches Online-Signatursystem mit WebSocket und JavaScript Dec 18, 2023 pm 03:09 PM

Überblick über die Verwendung von WebSocket und JavaScript zur Implementierung eines elektronischen Online-Signatursystems: Mit dem Aufkommen des digitalen Zeitalters werden elektronische Signaturen in verschiedenen Branchen häufig verwendet, um herkömmliche Papiersignaturen zu ersetzen. Als Vollduplex-Kommunikationsprotokoll kann WebSocket eine bidirektionale Datenübertragung in Echtzeit mit dem Server durchführen. In Kombination mit JavaScript kann ein elektronisches Online-Signatursystem implementiert werden. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein einfaches Online-Programm entwickeln

Implementieren Sie die jQuery-Methode, um Elemente dynamisch zu div hinzuzufügen Implementieren Sie die jQuery-Methode, um Elemente dynamisch zu div hinzuzufügen Feb 24, 2024 pm 08:03 PM

jQuery ist eine beliebte JavaScript-Bibliothek zur Vereinfachung der JavaScript-Programmierung. Es bietet zahlreiche Funktionen und Methoden, einschließlich der Möglichkeit, Elemente dynamisch zu HTML-Elementen hinzuzufügen. In diesem Artikel wird erläutert, wie Sie mit jQuery dynamisch Elemente zu Divs hinzufügen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die jQuery-Bibliothek in das HTML-Dokument einführen. Es kann auf folgende Weise eingeführt werden:

Verwenden Sie jQuery, um den Anzeigestatus von Elementen zu bestimmen Verwenden Sie jQuery, um den Anzeigestatus von Elementen zu bestimmen Feb 23, 2024 pm 09:24 PM

Verwenden Sie jQuery, um festzustellen, ob ein Element sichtbar ist oder nicht. Bei der Webentwicklung kommt es häufig vor, dass wir feststellen müssen, ob ein Element sichtbar ist. Mit jQuery lässt sich die Sichtbarkeit von Elementen leicht beurteilen und steuern. In diesem Artikel wird erläutert, wie Sie mit jQuery die Sichtbarkeit von Elementen bestimmen, und es werden spezifische Codebeispiele bereitgestellt. Methoden zur Beurteilung der Sichtbarkeit von Elementen in jQuery In jQuery können Sie einige spezifische Methoden verwenden, um die Sichtbarkeit von Elementen zu beurteilen. Die am häufigsten verwendete Methode ist .is(':vis

See all articles