Detaillierte Erklärung zum Erstellen eines Arrays in JavaScript

Detaillierte Erklärung zum Erstellen eines Arrays in JavaScript

Erstellen von Arrays in JavaScript

1. Erstellen Sie ein Array mit new

var arr = new Array(); //Erstellt ein leeres Array

2. Erstellen Sie Arrays mit Array-Literalen (häufiger verwendet)

Literal: Eine Methode zum Ausdrücken eines festen Wertes

Sie können auf einen Blick erkennen, um welchen Datentyp es sich handelt. Beispielsweise ist 8 auf einen Blick ein numerischer Typ.

//1. Erstellen Sie ein Array mit Array-Literalen (eckige Klammern) var arr = []; //Erstellen Sie ein leeres Array var arr1 = [1,2,'student',true]; //Das Array kann beliebige Datentypen enthalten und muss durch Kommas getrennt sein

3. Was ist ein Array-Element?

Ein Array kann eine Gruppe von Daten in einer einzigen Variablen speichern. Ein Array-Element ist ein in einem Array gespeichertes Element und es gibt keine Einschränkung hinsichtlich seines Typs.

Verwenden von Arrays

1. Holen Sie sich Array-Elemente - verwenden Sie den Index, also den Index. Der Index beginnt bei 0 und ist der Sprache C sehr ähnlich.

console.log(arr[2]);

2. Durchlaufen Sie das Array

var arr = ['rot','grün','blau'];
für(var i = 0;i < 3;i++){
    Konsole.log(arr[i]);
}
//Arraylänge drucken console.log(arr.length);
//Arraylänge dynamisch ermitteln for(var i = 0;i < arr.length;i++){
    Konsole.log(arr[i]);
    }

Was ist Durchquerung?

Greifen Sie einmal von Anfang bis Ende auf die Array-Elemente zu. Das i darin ist ein Zähler, der als Indexnummer verwendet wird. arr[i] greift auf die Array-Elemente zu. Die Indexnummer hat nichts mit der Array-Länge zu tun.

//Klassischer Fall: Maximalwert des Arrays drucken, var arr = [2,6,1,77,52,25,7,99];
var max = arr[0];
für(var i = 0;i < arr.length;i++){
    wenn(max < arr[i]){
        max = arr[i];
        }
    }
    conaole.log('Der Maximalwert im Array ist ' + max);

Array in geteilten String konvertieren

var arr = ['rot','grün','blau','rosa'];
var str = '';
für(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|'; //Sie können auch var sep = '!'; str+=arr[i]+sep; verwenden.
}
konsole.log(str);

Hinzufügen von Elementen zu einem Array

var arr = ['rot','grün','blau','rosa'];
var str = '';
für(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|'; //Sie können auch var sep = '!'; str+=arr[i]+sep; verwenden.
}
konsole.log(str);

Wenn die Indexnummer vorhanden ist, wird das Array-Element ersetzt. Weisen Sie dem Array-Namen nicht direkt einen Wert zu, da sonst die vorherigen Daten überschrieben werden. Beispiel: arr1 =''; onsole.log(arr1)

Filtern eines Arrays

var arr = [1,2,3,4,5,6,7,8,9,10];
var neuesArr = [];
console.log(neuerArr);
für(var i = 0;i < arr.length;i++){
	wenn(arr[i]>=5)
	{
		neuesArr[neuesArr.Länge] = arr[i];
	}
}

Löschen Sie das angegebene Element aus einem Array.

//Löschen 7 var arr = [1,2,3,4,5,6,7,8,9,10];
var neuesArr = [];
console.log(neuerArr);
für(var i = 0;i < arr.length;i++){
	wenn(arr[i] != 7)
	{
		neuesArr[neuesArr.Länge] = arr[i];
	}
}
console.log(neuerArr);

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung der neuen Array-Methoden in JavaScript es6
  • Detaillierte Erklärung der JS-Array-Methoden
  • Detaillierte Erläuterung gängiger Methoden von JavaScript-Arrays
  • Zusammenfassung einiger gängiger Methoden von JavaScript-Arrays
  • Häufig verwendete JavaScript-Array-Methoden
  • Allgemeine Array-Operationen in JavaScript
  • Detailliertes Beispiel für JavaScript-Array-Methoden

<<:  Abfrage der Daten des Tages vor dem aktuellen Zeitintervall in MySQL

>>:  So verwenden Sie .htaccess, um einer bestimmten IP den Zugriff auf die Website zu verbieten

Artikel empfehlen

Zusammenfassung der Verwendung von berechneten Vue-Eigenschaften und -Listenern

1. Berechnete Eigenschaften und Listener 1.1 Bere...

Was genau passiert im Hintergrund, wenn Sie eine URL eingeben?

Als Softwareentwickler müssen Sie über ein vollst...

JS implementiert einfache Addition und Subtraktion von Warenkorbeffekten

In diesem Artikelbeispiel wird der spezifische JS...

Zusammenfassung der mobilen Anpassungslösung von webpack

Inhaltsverzeichnis rem vw An UI-Frameworks von Dr...

Detaillierte Erklärung zum Anzeigen der MySQL-Speichernutzung

Vorwort Dieser Artikel stellt hauptsächlich die r...

Natives JS zur Implementierung eines atmenden Karussells

Heute zeige ich Ihnen ein mit nativem JS implemen...

Tutorial zur HTML-Tabellenauszeichnung (48): CSS-modifizierte Tabelle

<br />Sehen wir uns nun an, wie Sie die CSS-...

Implementierung von webpack-dev-server zum Erstellen eines lokalen Servers

Inhaltsverzeichnis Vorwort Webpack-Deb-Server Sta...

Vue verwendet Openlayers zum Laden von Tiandi Map und Amap

Inhaltsverzeichnis 1. Weltkarte 1. Installieren S...

Detailliertes Tutorial zur Installation von Prometheus mit Docker

Inhaltsverzeichnis 1. Node Exporter installieren ...

Ich zeige Ihnen, wie Sie Schriftsymbole in CSS verwenden

Zunächst einmal: Was ist ein Schriftsymbol? Oberf...