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

Mehrere Gründe, HTML nicht zu komprimieren

Der Grund ist einfach: In HTML-Dokumenten entsprec...

Einführung in MySQL-Isolationsebene, Sperre und MVCC

Ziel dieses Artikels ist es, die Beziehung zwisch...

Mysql 5.7.17 Winx64-Installationstutorial auf Win7

Softwareversion und Plattform: MySQL-5.7.17-winx6...

mysql installer web community 5.7.21.0.msi grafik-tutorial zur installation

In diesem Artikelbeispiel wird der spezifische Co...

Schnelles Verständnis und Beispielanwendung der Vuex-Zustandsmaschine

Inhaltsverzeichnis 1. Schnelles Verständnis von K...

Im Mybatis MySQL-Löschvorgang kann nur die erste Datenmethode gelöscht werden

Insekten Wie in der Abbildung gezeigt, begann ich...

Beispielcode für die programmgesteuerte Verarbeitung von CSS-Stilen

Vorteile eines programmatischen Ansatzes 1. Globa...

Vue implementiert unregelmäßige Screenshots

Inhaltsverzeichnis Bilderfassung durch SVG CSS-Te...

So implementieren Sie Linux Deepin, um redundante Kernel zu löschen

Im vorherigen Artikel wurde beschrieben, wie man ...

Tutorial zum Erstellen eines SVN-Servers mit Docker

SVN ist die Abkürzung für Subversion, ein Open-So...