一篇文章带你了解JavaScript json 对象

一、对象的语法
JSON 对象被大括号环绕 {}，JSON 对象被写成key/value。

站在用户的角度思考问题，与客户深入沟通，找到蓬溪网站设计与蓬溪网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广、主机域名、网页空间、企业邮箱。业务覆盖蓬溪地区。

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

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

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

 
 
 
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
Access a JSON object using dot notation:
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
 
 
 

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

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

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

四、嵌套的 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完整代码：

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

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

js完整代码：

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

 
 
 
 
  
  
  
  
delete myObj.cars.car2; 
 
 
 

完整代码：

 
 
 
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
     
  
  
  
  
     
  
  
  
  
   
  
  
  
  
   
  
  
  
  
 
  
  
  
  
    
How to delete properties of a JSON object.
 
  
  
  
  
 
  
  
  
  
    
 
  
  
  
  
 
  
  
  
  
     
  
  
  
  
 
  
  
  
  
   
  
  
  
  
 
 
 
 

五、总结
本文基于JavaScript基础，介绍了json 对象中，语法的使用，如何去访问对中的值，如何去循环对象。如何去嵌套JSON 对象。对象中如何去嵌套数组，常见的修改，删除数组，都做了详细的讲解。

通过丰富的案例分析，效果图的展示，能够帮助你更好的理解。

分享文章：一篇文章带你了解JavaScript json 对象
文章URL：http://www.stwzsj.com/qtweb/news47/5647.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

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