Heim Web-Frontend js-Tutorial Teilen Sie verschiedene Möglichkeiten zum Definieren von Arrays in JavaScript

Teilen Sie verschiedene Möglichkeiten zum Definieren von Arrays in JavaScript

Oct 10, 2017 am 10:32 AM
javascript js mehrere Arten

In diesem Artikel werden hauptsächlich verschiedene Methoden zum Definieren von JavaScript-Arrays vorgestellt. Im Allgemeinen werden sie in implizite Erstellung, direkte Instanziierung, Erstellen eines Arrays und Angeben der Länge unterteilt. Der Einfachheit halber wird das Array hier direkt definiert ist das Skript Home Der Herausgeber wird es Ihnen vorstellen. Freunde, die es benötigen, können darauf verweisen

1 Was ist ein Array?

Ein Array ist eine Sammlung von Daten
Es ist eine kontinuierliche Speicheradresse im Speicher
Der Array-Name ist eigentlich die erste Adresse der kontinuierlichen Speicheradresse

2. Informationen zu den Eigenschaften von Arrays js

Array-Definition Es ist nicht erforderlich, den Datentyp anzugeben
Es ist nicht erforderlich, die Array-Länge anzugeben, wenn das Array definiert wird
Arrays können Daten jedes Datentyps speichern (z Beispielsweise speichert ein Element den Integer-Typ und ein Element den String-Typ. Dies ist in JS möglich)

Syntax zum Erstellen eines Arrays:

var arr=[Wert 1 , Wert 2, Wert 3]; //Implizite Erstellung von

var arr=new Array(value 1, value 2, value 3); // Direktes Instanziieren von

var array=new Array (Größe); // Erstellen Sie ein Array und geben Sie die Länge an


//方法一
var arr1 = [1,3,5,7,9];
document.write(arr1[2] + &#39;<br>&#39;);
 
//方法二
var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + &#39;<br>&#39;);
 
//方法三
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + &#39;<br>&#39;);
Nach dem Login kopieren

Die Bedeutung von Symbolen in JS:

() bedeutet Funktionsausführung
[] bedeutet Syntaxsimulation, was bedeutet, dass eine Instanz der Array-Klasse simuliert wird (=new Array())
{} bedeutet Syntaxsimulation, was bedeutet, dass Instanzen der Object-Klasse simuliert werden (=new). Object())
// stellt die Syntaxsimulation (reguläre Objekte) dar, die simulierende Instanzen der RegExp-Klasse darstellt (=neues RegExp())

Über Array-Länge

Array object.length

In js kann jedes Array-Objekt das Längenattribut aufrufen, das angibt, wie viele Array-Elemente sich unter dem Array-Objekt befinden

Beispiel:


var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;];
doucument.write(&#39;共有&#39;+row.length+&#39;个人<br>&#39;);

var length = row.length;//对数组进行遍历
for (var i=0;i<length;i++){
doucument.write(row[i]+&#39;<br>&#39;);
}
Nach dem Login kopieren

4. for...in-Anweisung

In js sind Arrays keine Datentypen tatsächlich Objekte

Die For.....in-Anweisung in Js kann alle Attribute eines Objekts durchlaufen

Sie können die for...in-Anweisung auch verwenden, um alle Elemente eines Arrays zu durchlaufen

Syntax:

for( var i in array){

}

Prinzip: Es gibt mehrere Elemente im Array und die for.. in-Anweisung wird so oft wie möglich in einer Schleife ausgeführt

Bei jeder Ausführung wird der Index des aktuellen Array-Elements in der Variablen i gespeichert


var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;,&#39;xiaoqiang&#39;];
for (var i in row){
 document.write(i + &#39;:&#39; + row[i] + &#39;<br>&#39;);
}
Nach dem Login kopieren

Ergebnis:

 0:zhangsan
 1:lisi
 2:wangwu
 3:xiaoqiang

5. Text tiefgestellt

Format:

arr['key'] = value;

In js ist das Array von Textindizes Elementen, die nicht in der Array-Länge enthalten sind

werden dem Array in Form von Textindizes hinzugefügt, werden aber tatsächlich dem Array-Objekt in Form von Attributen hinzugefügt


var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);
Nach dem Login kopieren

Ergebnis:

3
zhangsan
lisi

Durchlaufen Sie das Array mit Textindizes:


var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}
Nach dem Login kopieren

Ergebnis:

0:1
1:2
2:3
erstens:zhangsan
zweitens:lisi

6. Mehrdimensionales Array


var arr = [
  [10,&#39;zhangsan&#39;,&#39;male&#39;],
  [11,&#39;lisi&#39;,&#39;female&#39;],
  [12,&#39;wangwu&#39;,&#39;male&#39;]
 ];
for (var i in arr){
 for(var j in arr[i]){
  document.write(arr[i][j]);
 }
 document.write(&#39;<br>&#39;);
}
Nach dem Login kopieren

Das Folgende ist die Ergänzung von Script House

1. Zuerst definieren und dann Wert zuweisen


var myArray1 = new Array(); //不定义元素个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
var myArray2 = new Array(4); //定义元素的个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
Nach dem Login kopieren

2. Weisen Sie beim Definieren des Arrays gleichzeitig Werte zu

var myArray3 = new Array("foot"," this" ,"之","家");

//Sie müssen einen numerischen oder logischen Wert im Array angeben, dann sollte der Variablentyp eine numerische Variable oder eine boolesche Variable sein, kein Zeichen Variable

3. Definition des JSON-Formats


var myArray4 = [
   {"num":"1001","name":"jack","age":16},
   {"num":"1002","name":"Mary","age":17},
   {"num":"1003","name":"Tom","age":19}
   ];
//注意中括号和大括号的位置
Nach dem Login kopieren

Studenten, die es nicht verstehen, können diesen Artikel lesen: http: //www.jb51.net/ Article/20688.htm

Der Unterschied zwischen Json-Definitionsverwendung und Array

Json: Es handelt sich um eine Methode zum Speichern von Daten Javascript.
Json-Format: var Json={a:1, b:2, c:3};
Array-Format: var arr=[1,2,3];

Json Der Unterschied zwischen zwei Arrays:

1. Der Index von Json ist beispielsweise eine Zeichenfolge. Der Index des Arrays ist eine Zahl wie arr[0]
2. Das Array hat die Länge t

. Wenn Sie eine Schleife benötigen muss for (Elementvariable im Variablennamen) {} verwenden; Da Json keine Länge hat, müssen Sie eine for in-Schleife verwenden. Die for in-Schleife kann für Json und Arrays

for(i in) verwendet werden Json){
Statement
};

Wann sollte eine for-Schleife und wann eine for-in-Schleife verwendet werden?
Array: for-Schleife verwenden for(i=0,iJson: for-in-Schleife verwenden for(i in Json){};

4. Hinweis

· Arrays haben nur ein Attribut: Array-Länge
· Wenn dem Array kein Wert zugewiesen ist, ist das Ergebnis undefiniert und der Ausdruck ist „“
· Wenn Die Array-Länge ist nicht lang genug, sie kann automatisch erweitert werden und besteht nicht. Das Problem des Überschreitens der Grenze

Das obige ist der detaillierte Inhalt vonTeilen Sie verschiedene Möglichkeiten zum Definieren von Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

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

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Dec 17, 2023 pm 06:55 PM

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen in PHP und JS. Mit der rasanten Entwicklung des Internets und der Technologie ist der Aktienhandel für viele Anleger zu einer wichtigen Möglichkeit geworden. Die Aktienanalyse ist ein wichtiger Teil der Anlegerentscheidung, und Kerzendiagramme werden häufig in der technischen Analyse verwendet. Wenn Sie lernen, wie man Kerzendiagramme mit PHP und JS zeichnet, erhalten Anleger intuitivere Informationen, die ihnen helfen, bessere Entscheidungen zu treffen. Ein Candlestick-Chart ist ein technischer Chart, der Aktienkurse in Form von Candlesticks anzeigt. Es zeigt den Aktienkurs

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Dec 17, 2023 pm 05:13 PM

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Einführung: Heutzutage ist die Genauigkeit von Wettervorhersagen für das tägliche Leben und die Entscheidungsfindung von großer Bedeutung. Mit der Weiterentwicklung der Technologie können wir genauere und zuverlässigere Wettervorhersagen liefern, indem wir Wetterdaten in Echtzeit erhalten. In diesem Artikel erfahren Sie, wie Sie mit JavaScript und WebSocket-Technologie ein effizientes Echtzeit-Wettervorhersagesystem aufbauen. In diesem Artikel wird der Implementierungsprozess anhand spezifischer Codebeispiele demonstriert. Wir

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

Mit der rasanten Entwicklung der Internetfinanzierung sind Aktieninvestitionen für immer mehr Menschen zur Wahl geworden. Im Aktienhandel sind Kerzendiagramme eine häufig verwendete Methode der technischen Analyse. Sie können den sich ändernden Trend der Aktienkurse anzeigen und Anlegern helfen, genauere Entscheidungen zu treffen. In diesem Artikel werden die Entwicklungskompetenzen von PHP und JS vorgestellt, der Leser wird zum Verständnis des Zeichnens von Aktienkerzendiagrammen geführt und es werden spezifische Codebeispiele bereitgestellt. 1. Aktien-Kerzendiagramme verstehen Bevor wir uns mit dem Zeichnen von Aktien-Kerzendiagrammen befassen, müssen wir zunächst verstehen, was ein Kerzendiagramm ist. Candlestick-Charts wurden von den Japanern entwickelt

See all articles