文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript json 数组是怎样的

2024-04-02 19:55

关注

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

完整代码:

<!DOCTYPE html> <html lang="en">      <head>         <meta charset="UTF-8">         <title>项目</title>     </head>      <body style="background-color: aqua;">          <p id="demo"></p>          <script>             myObj = {                 "name": "John",                 "age": 30,                 "cars": ["Ford", "BMW", "Fiat"]             }             x = myObj.cars[0];             document.getElementById("demo").innerHTML = x; </script>      </body>  </html>

JavaScript json 数组是怎样的

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]; }

JavaScript json 数组是怎样的

三、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循环:

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body style="background-color: aqua;">    <p>Looping through arrays inside arrays.</p>    <p id="demo"></p>   <script>      var myObj, i, j, x = "";     myObj = {         "name":"John",         "age":30,         "cars": [             { "name":"Ford", "models":[ "Fiesta", "Focus", "Mustang" ] },             { "name":"BMW", "models":[ "320", "X3", "X5" ] },             { "name":"Fiat", "models":[ "500", "Panda" ] }         ]     }      for (i in myObj.cars) {         x += "<h2>" + myObj.cars[i].name + "</h2>";         for (j in myObj.cars[i].models) {             x += myObj.cars[i].models[j] + "<br>";         }     }      document.getElementById("demo").innerHTML = x; </script> </body> </html>

JavaScript json 数组是怎样的

1. 修改数组值

使用索引号修改数组:

myObj.cars[1] = "Mercedes";

完整代码:

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body>    <p id="demo"></p>  <script>      var myObj, i, x = "";     myObj = {         "name":"John",         "age":30,         "cars":[ "Ford", "BMW", "Fiat" ]     };     myObj.cars[1] = "Mercedes";      for (i in myObj.cars) {         x += myObj.cars[i] + "<br>";     }      document.getElementById("demo").innerHTML = x; </script>   </body> </html>

JavaScript json 数组是怎样的

2. 删除数组中的项目

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

delete myObj.cars[1];

JavaScript json 数组是怎样的

关于JavaScript json 数组是怎样的问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网行业资讯频道了解更多相关知识。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯