Sintaks Objek
Contoh:
{"name": "John", "age": 30, "car": null}Objek JSON dikelilingi oleh tanda kurung kurawal {}.
Objek JSON ditulis dalam pasangan kunci / nilai.
Kunci harus berupa string, dan nilai harus berupa tipe data JSON yang valid (string, angka, objek, array, boolean, atau null).
Kunci dan nilai dipisahkan oleh titik dua.
Setiap pasangan kunci / nilai dipisahkan dengan koma.
Section Artikel
Mengakses Nilai Objek
Anda dapat mengakses nilai objek dengan menggunakan notasi titik (.)
Contoh:
<!DOCTYPE html> <html> <body> <p> Mengakses objek JSON menggunakan notasi titik: </p> <p id="demo"></p> <script> var myObj, x; myObj = {"name":"John", "age":30, "car":null}; x = myObj.name; document.getElementById("demo").innerHTML = x; </script> </body> </html>
Anda juga dapat mengakses nilai objek dengan menggunakan notasi braket ([]):
<!DOCTYPE html>
<html>
<body>
<p> Akses objek JSON menggunakan notasi kurung: </p>
<p id="demo"></p>
<script>
var myObj, x;
myObj = {"name":"John", "age":30, "car":null};
x = myObj["name"];
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Memutar Objek
Anda dapat melakukan loop melalui properti objek dengan menggunakan for-in loop.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p> Cara melakukan perulangan pada semua properti dalam objek JSON. </p>
<p id="demo"></p>
<script>
var myObj, x;
myObj = {"name":"John", "age":30, "car":null};
for (x in myObj) {
document.getElementById("demo").innerHTML += x + "<br>";
}
</script>
</body>
</html>
Dalam loop for-in, gunakan notasi braket untuk mengakses nilai properti:
<!DOCTYPE html>
<html>
<body>
<p> Gunakan notasi kurung siku untuk mengakses nilai properti. </p>
<p id="demo"></p>
<script>
var myObj, x;
myObj = {"name":"John", "age":30, "car":null};
for (x in myObj) {
document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}
</script>
</body>
</html>
Objek JSON Bersarang (Nested)
Nilai dalam objek JSON dapat berupa objek JSON lainnya.
Contoh:
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}Anda dapat mengakses objek JSON bertingkat dengan menggunakan notasi titik atau tanda kurung:
<!DOCTYPE html>
<html>
<body>
<p> Cara mengakses objek JSON bertingkat. </p>
<p id="demo"></p>
<script>
var myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
document.getElementById("demo").innerHTML += myObj.cars.car2 + "<br>";
//or:
document.getElementById("demo").innerHTML += myObj.cars["car2"];
</script>
</body>
</html>
Ubah Nilai
Anda dapat menggunakan notasi titik untuk mengubah nilai apa pun dalam objek JSON.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p> Cara mengubah nilai dalam objek JSON. </p>
<p id="demo"></p>
<script>
var myObj, i, x = "";
myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
myObj.cars.car2 = "Mercedes";
for (i in myObj.cars) {
x += myObj.cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Anda juga dapat menggunakan notasi braket untuk mengubah nilai dalam objek JSON:
<!DOCTYPE html>
<html>
<body>
<p> Cara mengubah nilai dalam objek JSON menggunakan notasi braket. </p>
<p id="demo"></p>
<script>
var myObj, i, x = "";
myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
myObj.cars["car2"] = "Mercedes";
for (i in myObj.cars) {
x += myObj.cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Hapus Properti Objek
Gunakan kata kunci delete untuk menghapus properti dari objek JSON.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p> Cara menghapus properti objek JSON. </p>
<p id="demo"></p>
<script>
var myObj, i, x = "";
myObj = {
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
delete myObj.cars.car2;
for (i in myObj.cars) {
x += myObj.cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
