JSON-Arrays

Inhaltsverzeichnis

Dies ist eine JSON-Zeichenfolge:

'["Ford", "BMW", "Fiat"]'

Innerhalb der JSON-Zeichenfolge befindet sich ein JSON-Array-Literal:

["Ford", "BMW", "Fiat"]

Arrays in JSON sind fast identisch mit Arrays in JavaScript.

In JSON müssen Array-Werte vom Typ „String“, „Zahl“, „Objekt“, „Array“ oder „Boolescher Wert“ sein oder null.

In JavaScript können Array-Werte alle oben genannten sowie alle anderen gültigen Werte sein JavaScript-Ausdruck, einschließlich Funktionen, Datumsangaben und undefiniert.

JavaScript-Arrays

Sie können ein JavaScript-Array aus einem Literal erstellen

Beispiel

myArray = ["Ford", "BMW", "Fiat"];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h2>Creating an Array from a Literal</h2>
<p id="demo"></p>

<script>
const myArray = ["Ford", "BMW", "Fiat"];
document.getElementById("demo").innerHTML = myArray;
</script>

</body>
</html>

Sie können ein JavaScript-Array erstellen, indem Sie eine JSON-Zeichenfolge analysieren

Beispiel

myJSON = '["Ford", "BMW", "Fiat"]';
myArray = JSON.parse(myJSON);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Creating an Array from JSON</h2>
<p id="demo"></p>

<script>
const myJSON = '["Ford", "BMW", "Fiat"]';
const myArray = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myArray;
</script>

</body>
</html>

Auf Array-Werte zugreifen

Sie greifen über den Index auf Array-Werte zu:

Beispiel

myArray[0];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>Access an Array by Index</h1>
<p id="demo"></p>

<script>
const myJSON = '["Ford", "BMW", "Fiat"]';
const myArray = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myArray[0];
</script>

</body>
</html>

Arrays in Objekten

Objekte können Arrays enthalten:

Beispiel

{
"name":"John",
"age":30,
"cars":["Ford", "BMW", "Fiat"]
}

Sie greifen über den Index auf Array-Werte zu:

Beispiel

myObj.cars[0];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Access Array Values</h2>
<p id="demo"></p>

<script>
const myJSON = '{"name":"John", "age":30, "cars":["Ford", "BMW", "Fiat"]}';
const myObj = JSON.parse(myJSON);

document.getElementById("demo").innerHTML = myObj.cars[0];
</script>

</body>
</html>

Durchlaufen eines Arrays

Sie können auf Array-Werte zugreifen, indem Sie eine for in-Schleife verwenden:

Beispiel

for (let i in myObj.cars) {
  
  x 
  += myObj.cars[i];
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Looping an Array</h2>
<p id="demo"></p>

<script>
const myJSON = '{"name":"John", "age":30, "cars":["Ford", "BMW", "Fiat"]}';
const myObj = JSON.parse(myJSON);

let text = "";
for (let i in myObj.cars) {
  text += myObj.cars[i] + ", ";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Oder Sie können eine for-Schleife verwenden:

Beispiel

 for (let i 
  = 0; i < myObj.cars.length; i++) {
  x 
  += myObj.cars[i];
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Looping an Array</h2>
<p id="demo"></p>

<script>
const myJSON = '{"name":"John", "age":30, "cars":["Ford", "BMW", "Fiat"]}';
const myObj = JSON.parse(myJSON);

let text = "";
for (let i = 0; i < myObj.cars.length; i++) {
  text += myObj.cars[i] + ", ";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>