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

So stellen Sie HTTPS kostenlos auf Tencent Cloud bereit

Als ich kürzlich ein WeChat-Applet schrieb, erfor...

Vue-Komponente zur Realisierung einer Karussell-Animation

In diesem Artikelbeispiel wird der spezifische Co...

Vue basierend auf einer Element-Button-Berechtigungsimplementierungslösung

Hintergrundanforderungen: Das ERP-System muss ein...

Unterschiede zwischen ES6-Vererbung und ES5-Vererbung in js

Inhaltsverzeichnis Nachlass ES5-Prototypvererbung...

Vue.js implementiert Erläuterungen zum Tab-Umschalten und Farbwechseln

Bei der Implementierung dieser Funktion konnte di...

Detaillierte Erklärung der JavaScript-Timer

Inhaltsverzeichnis Kurze Einleitung Intervall fes...

Detaillierte Erläuterung des einzeiligen Funktionscodes des Datumstyps in MySQL

Einzeilige Funktionen vom Datumstyp in MySQL: CUR...

Grundlegendes zur CSS-Eigenschaft „transform-origin“

Vorwort Ich habe vor kurzem eine Feuerwerksanimat...

Implementierungsbeispiel für den Linux-Befehl „tac“

1. Befehlseinführung Der Befehl tac (umgekehrte R...

Analyse der Unterschiede zwischen Iframe und FRAME

1. Verwendung des Iframe-Tags <br />Wenn es ...

So erweitern Sie die Festplattengröße einer virtuellen Maschine

Nachdem Vmvare die Festplattengröße der virtuelle...

Vue implementiert scrollbaren Popup-Fenstereffekt

In diesem Artikel wird der spezifische Code von V...