Eine kurze Einführung in JavaScript-Arrays

Eine kurze Einführung in JavaScript-Arrays

Einführung in Arrays

Array - Array Array ist auch ein Objekt

Es ähnelt unserer gewöhnlichen Objektfunktion und wird auch zum Speichern einiger Werte verwendet

Der Unterschied besteht darin, dass normale Objekte Zeichenfolgen als Attributwerte verwenden, während Arrays Zahlen als Indexoperationselemente verwenden.

Index: Ganzzahl beginnend bei 0

Die Speicherleistung von Arrays ist besser als die von gewöhnlichen Objekten. In der Entwicklung verwenden wir häufig Arrays, um einige Daten zu speichern.

Erstellen Sie ein Array:

var arr = new Array();
Wenn Sie typeof verwenden, um ein Array zu überprüfen, gibt es ein Objekt zurück.

Bildbeschreibung hier einfügen

Hinzufügen von Elementen zu einem Array

Syntax: Array[Index] = Wert

Elemente aus einem Array lesen

Syntax: Array[Index]

Wenn Sie einen nicht vorhandenen Index lesen, wird kein Fehler gemeldet, sondern undefined zurückgegeben.

Ermitteln der Länge eines Arrays

Mit length können Sie die Länge des Arrays (die Anzahl der Elemente) ermitteln.

Syntax:數組.length

Bei kontinuierlichen Arrays verwenden Sie length , um die Länge des Arrays (die Anzahl der Elemente) zu ermitteln.

Bei nicht zusammenhängenden Arrays erhält man mit length den maximalen Index des Arrays + 1

Versuchen Sie, keine nicht zusammenhängenden Arrays zu erstellen.

Länge ändern

Wenn die geänderte Länge kürzer als die ursprüngliche Länge ist, wird der zusätzliche Teil leer gelassen.

Wenn die geänderte Länge kürzer als die ursprüngliche Länge ist, werden die zusätzlichen Elemente gelöscht.

Fügen Sie an der letzten Position eines Arrays ein Element hinzu

Syntax:數組[數組.length] = 值

arr[arr.Länge] = 70;
arr[arr.Länge] = 80;
arr[arr.Länge] = 90;

Array-Literale

Erstellen von Arrays mit Array-Literalen

Grammatik: []

var arr = [] ;

Wenn Sie ein Array mithilfe eines Literals erstellen, können Sie die Elemente im Array bei der Erstellung angeben.

var arr = [1,2,3,4,5];

Wenn Sie einen Konstruktor zum Erstellen eines Arrays verwenden, können Sie auch gleichzeitig Elemente hinzufügen. Übergeben Sie die hinzuzufügenden Elemente als Parameter des Konstruktors und trennen Sie die Elemente durch

var arr = neues Array(1,2,3,4,5);

Beachten:

Verwenden Sie [], um ein Array mit einem Element 10 zu erstellen

var arr = [10];

Bildbeschreibung hier einfügen

Wenn Sie den Konstruktor zum Erstellen eines Arrays mit einem Parameter verwenden, wird ein leeres Array mit einer Länge von 10 erstellt.

var arr = neues Array(10);
Konsole.log(arr);
Konsole.log("arr.length="+arr.length);

Bildbeschreibung hier einfügen

Das Array kann jeden beliebigen Datentyp enthalten.

var arr = ["Sun Wukong", 1, true, null, undefiniert];
Konsole.log(arr);

Bildbeschreibung hier einfügen

Kann ein Objekt sein

var arr = [{name:"Sun Wukong"}, {name:"Zhu Bajie"}, {name:"Sha Wujing"}];
Konsole.log(arr[0].name);

Bildbeschreibung hier einfügen

Kann eine Funktion sein

var arr = [
    Funktion () { Alarm(1) },
    Funktion () { Alarm(2) }];

Aufrufen von Funktionen über arr[0]()

Bildbeschreibung hier einfügen

Zweidimensionales Array

erstellen:

verwenden []

var arr = [[1,2,3],[4,5,6],[7,8,9]]; 
//3 Zeilen und 3 Spalten eines zweidimensionalen Arrays

new Array verwenden

  var a = neues Array(
			neues Array(10,20,30),
			neues Array(11,22,33),
			neues Array(45,56,67)
		)

Elementzugriff Arrayname [Zeilenindex] [Spaltenindex]

(1) Transponierung eines zweidimensionalen Arrays:

var a = [
    ['ABC'],
    ['d','e','f'],
    ['g','h','i'],
    ['ich','k','ich']
]
var str = ''
für(var i=0;i<a.length;i++){
    für(var j=0;j<a[i].length;j++){
        str += a[i][j]+'\t';
    }
    str += '\n';
}
console.log("Vor der Transposition:\n",str);
var res = []
für(var i=0;i<a[0].length;i++){
    res[i] = []
    für(var j=0;j<a.length;j++){
        res[i][j] = a[j][i];
    }
}
console.log("Nach der Transposition:",res);

Bildbeschreibung hier einfügen

(2) Definieren Sie ein zweidimensionales Array und geben Sie den Maximalwert jeder Zeile des Arrays aus

var str = ''
for(var i=0;i<a.length;i++){ //Äußere Schleife: a.length stellt die Anzahl der Zeilen in einem zweidimensionalen Array dar for(var j=0;j<a[i].length;j++){ //Innere Schleife: a[i].length stellt die Anzahl der Elemente (Spalten) in Zeile i dar
        str += a[i][j]+'\t'
    }
    str += '\n'; //Füge am Ende jeder Zeile ein Zeilenumbruchzeichen hinzu}
konsole.log(str);
für(var i=0;i<a.length;i++){
    var max = a[i][0]
    für(var j=1;j<a[i].length;j++){
        wenn(max<a[i][j]){
            a = a[i][j];
        }
    }
    console.log("Der Maximalwert der Zeile "+(i+1)+" ist: "+max)
}

Bildbeschreibung hier einfügen

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:
  • Verwenden einer for-Schleife zum Durchlaufen eines Arrays in JavaScript
  • Probleme beim Löschen von Array-Elementen in einer For-Schleife in JavaScript
  • Detaillierte Erklärung der For-Schleife und der doppelten For-Schleife in JavaScript
  • Beispiel für einen Leistungstest in JavaScript für eine For-Loop
  • Tiefgreifendes Verständnis der for-Schleife in JavaScript
  • Häufig verwendete JavaScript-Array-Methoden
  • JavaScript-Grundlagen für Schleife und Array

<<:  Beispielcode zur Implementierung des Regentropfen-Animationseffekts mit CSS

>>:  Methode der Douban-Website zum Vornehmen kleiner Änderungen am Website-Inhalt

Artikel empfehlen

Installationshandbuch für VMware Workstation 15 Pro (für Anfänger)

01. VMware Workstation Pro 15 herunterladen Herun...

MySQL-Trigger-Verwendungsszenarien und Methodenbeispiele

auslösen: Trigger-Verwendungsszenarien und entspr...

Formel und Berechnungsmethode zur Schätzung der Server-Parallelität

Vor Kurzem musste ich den Server erneut einem Str...

Vergleichende Analyse von IN und Exists in MySQL-Anweisungen

Hintergrund Als ich kürzlich SQL-Anweisungen schr...

Detaillierte Erläuterung der grundlegenden Datentypen in mysql8.0.19

MySQL-Basisdatentypen Übersicht über gängige MySQ...

MySQL-8.0.26 Konfigurationsgrafik-Tutorial

Vorwort: Vor kurzem hat das Unternehmensprojekt d...

Ein QQ-Chatroom basierend auf vue.js

Inhaltsverzeichnis Einführung Nachfolgend sehen S...

Funktionsweise von SQL-SELECT-Datenbankabfragen

Obwohl wir keine professionellen DBAs sind, könne...

JavaScript-Plugin-Kapselung für Tabellenwechsel

In diesem Artikel wird der Kapselungscode von Jav...

Detaillierte Erläuterung der grundlegenden Verwendung von Apache POI

Inhaltsverzeichnis Grundlegende Einführung Erste ...

Grafische Installationsschritte für VMware vSphere 6.7 (ESXI 6.7)

Umgebung: VMware VCSA 6.7 (VMware-VCSA-all-6.7.0-...

So verwenden Sie JS WebSocket zur Implementierung eines einfachen Chats

Inhaltsverzeichnis Kurze Umfrage Langfristige Abf...

Vue2-Implementierungen bieten Injection für Reaktionsfähigkeit

1. Konventionelles Schreiben in vue2 // Die überg...

11 Möglichkeiten, Duplikate aus JS-Arrays zu entfernen

Bei der tatsächlichen Arbeit oder bei Interviews ...