怎么理解JavaScriptjson对象

本篇文章为大家展示了怎么理解JavaScript json对象，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

为天峨等地区用户提供了全套网页设计制作服务，及天峨网站建设行业解决方案。主营业务为成都网站设计、做网站、天峨网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

一、对象的语法

JSON 对象被大括号环绕 {}，JSON 对象被写成key/value。

{ "name":"John", "age":30, "car":null }

key必须是字符串，并且value必须是一个有效的JSON数据类型（字符串、数字、对象、数组、布尔值或空），Keys 和 values 由冒号分隔，每个key/value对被逗号分隔。

二、访问对象的值
可以使用点（.）访问对象值。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;">  <p>Access a JSON object using dot notation:</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>

还可以使用方括号（[]）访问对象值:

<script> var myObj, x; myObj = { "name": "John", "age": 30, "car": null }; x = myObj["name"]; document.getElementById("demo").innerHTML = x; </script>

三、循环一个对象
可以使用for-in循环，遍历一个对象。

<script> var myObj = { "name": "John", "age": 30, "car": null }; for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; } </script>

使用括号表示法访问属性值:

<script> var myObj, x; myObj = { "name": "John", "age": 30, "car": null }; x = myObj["name"]; document.getElementById("demo").innerHTML = x; </script>

四、嵌套的 JSON 对象
JSON的值可以是另外一个JSON对象。

myObj = {    "name":"John",    "age":30,    "cars": {        "car1":"Ford",        "car2":"BMW",        "car3":"Fiat"   } }

您可以访问嵌套的JSON对象使用点符号或括号:

x = myObj.cars.car2; //or: x = myObj.cars["car2"];

1. 修改值
你可以使用点表示法修改JSON对象的任何值:

myObj.cars.car2 = "Mercedes";

js完整代码：

<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>

你也可以使用方括号来修改一个JSON对象值:

myObj.cars["car2"] = "Mercedes";

js完整代码：

<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>

2. 删除对象的属性
使用delete关键字从JSON对象删除一个属性:

delete myObj.cars.car2;

完整代码：

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8">     <title>项目</title>   </head>   <body style="background-color: aqua;">      <p>How to delete properties of a JSON object.</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>

上述内容就是怎么理解JavaScript json对象，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

网站栏目：怎么理解JavaScriptjson对象
链接地址：https://www.cdcxhl.com/article8/jgsoop.html

成都网站建设公司_创新互联，为您提供面包屑导航、商城网站、微信公众号、定制网站、移动网站建设、企业网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容