一篇文章带你了解JavaScript json 数组

简单说，所谓对象，就是一种无序的数据集合，由若干个“键值对”(key-value)构成。

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

一、数组作为JSON对象

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

在JSON中的数组，几乎和在JavaScript中数组相同。

在JSON中，数组的值必须是字符串，数字、对象、数组、布尔值或空.

JavaScript中，数组的值可以是以上所有，再加上其他任何有效的JavaScript表达式，包括函数、日期、和undefined。

二、JSON对象中的数组

数组可以是对象属性的值:

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

1. 访问数组的值

使用索引号访问数组值:

 
 
 
 
  
  
  
  
x = myObj.cars[0]; 
 
 
 

完整代码：

2. 遍历数组

你可以使用for-in循环遍历数组:

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

或者可以使用for循环:

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

三、JSON对象中的嵌套数组

数组值也可以是另一个数组，甚至另一个JSON对象:

 
 
 
 
  
  
  
  
myObj = { 
  
  
  
  
    "name":"John", 
  
  
  
  
    "age":30, 
  
  
  
  
    "cars": [ 
  
  
  
  
        { "name":"Ford", "models":[ "Fiesta", "Focus", "Mustang" ] }, 
  
  
  
  
        { "name":"BMW", "models":[ "320", "X3", "X5" ] }, 
  
  
  
  
        { "name":"Fiat", "models":[ "500", "Panda" ] } 
  
  
  
  
    ] 
  
  
  
  
 } 
 
 
 

访问数组内部的数组, 使用for-in loop循环:

 
 
 
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
   
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
  
Looping through arrays inside arrays.
 
  
  
  
  
 
  
  
  
  
  
 
  
  
  
  
   
  
  
  
  
 
  
  
  
  
    
 
 
 

1. 修改数组值

使用索引号修改数组:

 
 
 
 
  
  
  
  
myObj.cars[1] = "Mercedes"; 
 
 
 

完整代码：

2. 删除数组中的项目

使用delete关键字从数组中删除:

 
 
 
 
  
  
  
  
delete myObj.cars[1]; 
 
 
 

四、总结

本文基于JavaScript基础，讲解了JSON数组中，如何以数组作为JSON的对象 ，对象中如何去嵌套数组，常见的修改，删除数组，都做了详细的讲解。

希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单。但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

代码很简单，希望能够帮助你。

本文转载自微信公众号「前端进阶学习交流」，可以通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。

网站栏目：一篇文章带你了解JavaScript json 数组
文章位置：http://www.mswzjz.cn/qtweb/news11/517161.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

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