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

Verwendung von „align-content“ im Zeilenumbruchbereich des Flex-Layouts

1. Das in diesem Artikel implementierte Effektdia...

Implementierung von MySQL Multi-version Concurrency Control MVCC

Inhaltsverzeichnis Was ist MVCC MVCC-Implementier...

Das Prinzip und die Implementierung des JS-Drag-Effekts

Die Drag-Funktion wird hauptsächlich verwendet, u...

Dieser Artikel zeigt Ihnen, was Vite mit der Anfrage des Browsers macht

Inhaltsverzeichnis Funktionsprinzip: Was macht de...

Vue + Element UI realisiert Ankerpositionierung

In diesem Artikelbeispiel wird der spezifische Co...

Reiner CSS-Code zum Erzielen von Fluss und dynamischen Linieneffekten

Ideen: Eine äußere Box legt den Hintergrund fest;...

So laden Sie Projekte im Linux-System in die Code Cloud hoch

Erstellen Sie ein neues Projekt test1 auf Code Cl...

Detaillierte Erläuterung des Quellcodes der vue.$set()-Methode von Vue

Bei der Verwendung von Vue zum Entwickeln von Pro...