Det här är en JSON-sträng:
'["Ford", "BMW", "Fiat"]'
Inuti JSON-strängen finns en JSON-array literal:
["Ford", "BMW", "Fiat"]
Arrayer i JSON är nästan samma som arrayer i JavaScript.
I JSON måste arrayvärden vara av typen string, number, object, array, boolean eller null.
I JavaScript kan matrisvärden vara alla ovanstående, plus alla andra giltiga JavaScript-uttryck, inklusive funktioner, datum och odefinierat.
Du kan skapa en JavaScript-array från en bokstavlig
myArray = ["Ford", "BMW", "Fiat"];
Prova själv →
<!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>
Du kan skapa en JavaScript-array genom att analysera en JSON-sträng
myJSON = '["Ford", "BMW", "Fiat"]';
myArray = JSON.parse(myJSON);
Prova själv →
<!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>
Du kommer åt matrisvärden efter index:
myArray[0];
Prova själv →
<!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>
Objekt kan innehålla arrayer:
{
"name":"John",
"age":30,
"cars":["Ford", "BMW", "Fiat"]
}
Du kommer åt matrisvärden efter index:
myObj.cars[0];
Prova själv →
<!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>
Du kan komma åt matrisvärden genom att använda en för in
-loop:
for (let i in myObj.cars) {
x
+= myObj.cars[i];
}
Prova själv →
<!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>
Eller så kan du använda en för
-slinga:
for (let i
= 0; i < myObj.cars.length; i++) {
x
+= myObj.cars[i];
}
Prova själv →
<!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>