suchen
HeimWeb-FrontendFront-End-Fragen und AntwortenWas ist ein Array in Javascript?

Was ist ein Array in Javascript?

Nov 26, 2021 pm 03:55 PM
javascript数组

In Javascript ist ein Array eine geordnete Sammlung von Daten. Jedes Mitglied des Arrays wird als Element bezeichnet, und der Name (Schlüssel) jedes Elements wird als Array-Index bezeichnet. JS-Arrays können auf zwei Arten erstellt werden: „[]“ und „Array()“. Die im Array enthaltenen Daten können von beliebigem Typ sein.

Was ist ein Array in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JavaScript-Array (Array) ist eine Sammlung geordneter Daten. Jedes Mitglied im Array wird als Element (Element) bezeichnet, und der Name (Schlüssel) jedes Elements wird als Array-Index (Index) bezeichnet.

Arrays können jede Art von Daten enthalten; die Länge des Arrays ist flexibel und lesbar und beschreibbar.

Array erstellen

JavaScript Es gibt zwei Möglichkeiten, ein Array zu definieren (erstellen oder deklarieren): Erstellen eines Arrays und Array-Literal.

1. Erstellen eines Arrays

Wenn Sie den neuen Operator verwenden, um die Funktion vom Typ Array() aufzurufen, können Sie ein neues Array erstellen.

var a = new Array();  //空数组
var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组

2. Array-Literal

Das Syntaxformat des Array-Literals: Enthält mehrere Wertelisten in eckigen Klammern „[]“ und trennt die Werte durch Kommas.

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组

Zugriff auf Arrays

Arrays sind zusammengesetzte Daten. Der Array-Name ist eine Referenzvariable, die auf das Array zeigt, also ist das Array ein Referenzobjekt.

Der Zugriff auf ein Array bedeutet den Zugriff auf Array-Elemente. Die Elemente sind äquivalent zu Variablen. Die Elemente des Arrays sind eine Reihe von Variablen, die in geordneter Weise angeordnet sind. Sie haben keine Bezeichner und werden durch Indizes indiziert. Die Indizes beginnen bei 0 und steigen in der Reihenfolge an. Beachten Sie, dass der Array-Index ein nicht negativer ganzzahliger Ausdruck oder eine Zeichenzahl ist und keine anderen Arten von Werten oder Ausdrücken sein kann.

Verwenden Sie eckige Klammern [], um Arrays zu lesen und zu schreiben. Die linke Seite der Klammern ist der Array-Name und die Klammern sind der Array-Index.

数组[下标表达式]

Ein tiefgestellter Ausdruck ist ein Ausdruck, dessen Wert eine nicht negative ganze Zahl ist.

Beispiel 1

Der folgende Code verwendet eckige Klammern, um Daten in das Array zu schreiben, und liest dann den Wert des Array-Elements.

var a = [];  //声明一个空数组
a[0] = 0;  //为第一个元素赋值为0
a[2] = 2;  //为第三个元素赋值为2
console.log(a[0]);  //读取第一个元素,返回值为0
console.log(a[1]);  //读取第二个元素,返回值为undefined
console.log(a[2]);  //读取第三个元素,返回值为2

Im obigen Code werden nur den Elementen an den Indexpositionen 0 und 2 Werte zugewiesen. Das Element mit dem Index 1 ist leer. Der Rückgabewert des Elements, das beim Lesen leer ist, ist standardmäßig undefiniert.

Beispiel 2

Der folgende Code verwendet die for-Anweisung, um einem Array stapelweise Werte zuzuweisen, wobei der Array-Index ein inkrementierender Ausdruck ist.

var a = new Array();
for (var i = 0; i < 10; i ++) {
    a[i ++] = ++ i;
}
console.log(a);

Beispiel 3

Das Design verfügt über zwei Variablen und erfordert nicht die Hilfe anderer Variablen, um einen Werteaustausch zu erreichen.

Um den Variablenaustausch zu implementieren, müssen Sie im Allgemeinen eine temporäre Variable für die Übertragung definieren.

var a = 10, b = 20;  //变量初始化
var temp = a;  //定义临时变量存储a
a = b;  //把b的值赋值给a
b = temp;  //把临时变量的值赋值给b

Sie können es mithilfe von Arrays so gestalten.

var a = 10, b = 20;  //变量初始化
a = [b, b = a][0];  //通过数组快速交换数据

Design-Tipps

Die Elemente des Arrays ermöglichen die Verwendung von Ausdrücken. Der Wert des Ausdrucks und der Wert des Elements sind im Wesentlichen auch eine Variable und der Bezeichner ist ein tiefgestellte Nummer. Übergeben Sie in einem anonymen Array den Wert der Variablen b an das erste Element, weisen Sie dann den Wert der Variablen a der Variablen b im zweiten Element mithilfe einer Zuweisungsausdrucksoperation zu und übergeben Sie dann den Wert der Variablen b an das 2. Element. Dieser Vorgang wird der Reihe nach ausgeführt und dem Array werden zwei Elemente hinzugefügt. Schließlich wird der Wert des ersten Elements mithilfe der eckigen Klammernsyntax gelesen und der Variablen a zugewiesen, wodurch der Wert realisiert wird Austausch.

【Verwandte Empfehlungen: Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist ein Array in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Die Vorteile der starken Gemeinschaft und des Ökosystems von React von ReactDie Vorteile der starken Gemeinschaft und des Ökosystems von React von ReactApr 29, 2025 am 12:46 AM

React'sStrongCommunityAndemoFfernumousBenefits: 1) unmittelbarer AspekteStosolutions -Throughplatformslikestackoverflowandgithub;

Reagieren Sie nativ für die mobile Entwicklung: Aufbau von plattformübergreifenden AppsReagieren Sie nativ für die mobile Entwicklung: Aufbau von plattformübergreifenden AppsApr 29, 2025 am 12:43 AM

ReactnativeIsChosenFormoBileDententwicklungsentwicklung

Status korrekt mit usemESTATE () in React aktualisierenStatus korrekt mit usemESTATE () in React aktualisierenApr 29, 2025 am 12:42 AM

Richtige Aktualisierung von usestate () in reagieren erfordert das Verständnis der Details des Staatsmanagements. 1) Verwenden Sie funktionale Updates, um asynchrone Updates zu verarbeiten. 2) Erstellen Sie ein neues Zustandsobjekt oder ein neues Array, um zu vermeiden, dass der Status direkt geändert wird. 3) Verwenden Sie ein einzelnes Zustandsobjekt, um komplexe Formulare zu verwalten. 4) Verwenden Sie die Anti-Shake-Technologie, um die Leistung zu optimieren. Diese Methoden können Entwicklern helfen, häufige Probleme zu vermeiden und robustere React -Anwendungen zu schreiben.

Reacts Komponentenbasierte Architektur: Ein Schlüssel zur skalierbaren UI-EntwicklungReacts Komponentenbasierte Architektur: Ein Schlüssel zur skalierbaren UI-EntwicklungApr 29, 2025 am 12:33 AM

Die komponentierte Architektur von React macht die skalierbare UI -Entwicklung durch Modularität, Wiederverwendbarkeit und Wartbarkeit effizient. 1) Modularität ermöglicht es der Benutzeroberfläche, in Komponenten unterteilt zu werden, die unabhängig entwickelt und getestet werden können. 2) Wiederverwendbarkeit der Komponente spart Zeit und behält die Konsistenz in verschiedenen Projekten auf. 3) Die Wartbarkeit erleichtert die Problempositionierung und Aktualisierung, aber Komponenten müssen überkompytrechisch und tief verschachtelt werden.

Die Größe des React -Ökosystems: Navigation in einer komplexen LandschaftDie Größe des React -Ökosystems: Navigation in einer komplexen LandschaftApr 28, 2025 am 12:21 AM

Tonavigatereaccts complexecosystemeffektiv, verständliche thetoolsandlibraries, erkenntheirstrengthsandweaknesses und integratheTemtemtemhanced Development.StartWithCorereActconceptsandusSestate, dann nachgradualintroducalexsolutionsklikeduxtexsucteduxtusicledxasneeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeei

Wie React Schlüssel verwendet, um Listenelemente effizient zu identifizierenWie React Schlüssel verwendet, um Listenelemente effizient zu identifizierenApr 28, 2025 am 12:20 AM

ReactuseSkeyStoeffictionIdentifyListItemsByProvidableIntableIdentitytoEachElement.1) KeysallowreactToTrackChangesinlistSwithoutre-RenderingTheentirelist.2) wählendeUniqueandStableKeys, Vermeiden von ARTARAYINDICES.3) korrektKeyUssistentimProvvoveSperSPesSper-stableSperformanc

Debugging wichtiger Probleme im Zusammenhang mit Reaktionen: Identifizierung und Lösung von ProblemenDebugging wichtiger Probleme im Zusammenhang mit Reaktionen: Identifizierung und Lösung von ProblemenApr 28, 2025 am 12:17 AM

KeysinreacctarecrucialforoptimizingTheRenderingProcessandmanagingDynamicListseffezivität.TospotandFixkey-bezogene Veriss: 1) adduniquekeystolistItemstovoidWarningsandperformanceISSUES, 2) UseUcentifiersFromDatainStoficesforstableKeys, 3) sicherstellen

Die Einweg-Datenbindung von React: Gewährleistung eines vorhersehbaren DatenflusssDie Einweg-Datenbindung von React: Gewährleistung eines vorhersehbaren DatenflusssApr 28, 2025 am 12:05 AM

Die Einweg-Datenbindung von React stellt sicher, dass die Daten von der übergeordneten Komponente zur untergeordneten Komponente fließen. 1) Die Daten fließen zu einer einzigen, und die Änderungen im Zustand der übergeordneten Komponente können an die untergeordnete Komponente übergeben werden, aber die untergeordnete Komponente kann den Zustand der übergeordneten Komponente nicht direkt beeinflussen. 2) Diese Methode verbessert die Vorhersagbarkeit von Datenflüssen und vereinfacht das Debuggen und Tests. 3) Durch die Verwendung kontrollierter Komponenten und Kontext können Benutzerinteraktion und Kommunikation zwischen den Komponenten gehandhabt werden, während ein Einweg-Datenstrom beibehalten wird.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.