iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >JavaScript json 数组是怎样的
  • 200
分享到

JavaScript json 数组是怎样的

2024-04-02 19:04:59 200人浏览 独家记忆
摘要

javascript JSON 数组是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。简单说,所谓对象,就是一种无序的数据集合,由若干

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 数组是怎样的问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网html频道了解更多相关知识。

--结束END--

本文标题: JavaScript json 数组是怎样的

本文链接: https://www.lsjlt.com/news/82229.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript json 数组是怎样的
    JavaScript json 数组是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。简单说,所谓对象,就是一种无序的数据集合,由若干...
    99+
    2024-04-02
  • JavaScript json解析是怎样的
    今天就跟大家聊聊有关JavaScript json解析是怎样的,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。JSON的一个常见用途是交换数据到从一个...
    99+
    2024-04-02
  • JSON数组怎么加样式
    JSON数组本身是一种数据结构,不包含样式的定义。样式是由CSS来控制的,可以通过在HTML中使用CSS来为JSON数组添加样式。如...
    99+
    2023-09-05
    JSON
  • JavaScript数组精简技巧是怎样的
    本篇文章给大家分享的是有关JavaScript数组精简技巧是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。数组是 JS 最常见的一种数据...
    99+
    2024-04-02
  • json数组怎样导出到Excel
    本篇文章给大家分享的是有关json数组怎样导出到Excel,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。导出方法public static JSONObje...
    99+
    2023-06-03
  • javascript实现json转数组的方法
    这篇文章给大家分享的是有关javascript实现json转数组的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。javascript实现json转数组的方法是通过jsonStr实现,代码为【var jsonS...
    99+
    2023-06-14
  • javascript json对象转换数组
    在前端开发中,我们经常会涉及到 JavaScript 对象和数组的转换。其中,一种常见的场景是将 JSON 对象转换为数组。在本文中,我们将探讨如何使用 JavaScript 中的方法将 JSON 对象转换为数组。JSON 是一种轻量级的数...
    99+
    2023-05-14
  • javascript中怎么样定义数组
    这篇文章将为大家详细讲解有关javascript中怎么样定义数组,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 javascript中定义数组...
    99+
    2024-04-02
  • Javascript怎样实现数组去重
    这篇文章将为大家详细讲解有关Javascript怎样实现数组去重,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。数组去重1、from()叠加new Set()方法字符串或数值型数组的去重可以直接使用from...
    99+
    2023-06-17
  • JSON数据行转列的应用是怎样的
    这篇文章将为大家详细讲解有关JSON数据行转列的应用是怎样的,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。背景先说说为什么要弄什么行转列。时间类别费用201...
    99+
    2024-04-02
  • javascript中json数据如何转为数组
    小编给大家分享一下javascript中json数据如何转为数组,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 在javascript中,可以使用“JSON.p...
    99+
    2024-04-02
  • JavaScript 函数的闭包是怎样的
    JavaScript 函数的闭包是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。 前言我们知道,作用域链查找标识符的顺序是从当前作用域开始一级一级往上查找。...
    99+
    2023-06-16
  • Javascript怎样替换数组中的特定值
    小编给大家分享一下Javascript怎样替换数组中的特定值,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!替换数组中的特定值splice() 方法向/从数组中添加...
    99+
    2023-06-17
  • PHP数组转json和php的json转数组
    PHP 中提供了 json_encode() 和 json_decode() 两个函数分别创建和解析 JSON 数据,其中: json_encode():可以将变量转换为 JSON 格式; json...
    99+
    2023-09-01
    json php 开发语言
  • JavaScript对象符号JSON的简介以及用法是怎样的
    本篇文章给大家分享的是有关JavaScript对象符号JSON的简介是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。 介绍一段...
    99+
    2024-04-02
  • javascript中怎样设置数组长度
    今天就跟大家聊聊有关javascript中怎样设置数组长度,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。先来看一个小例子。<script>...
    99+
    2024-04-02
  • JavaScript怎样创建字符串数组
    这篇“JavaScript怎样创建字符串数组”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“JavaScript怎样创建字符串数组”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解...
    99+
    2023-06-06
  • JavaScript怎样删除array数组元素
    本篇内容主要讲解“JavaScript怎样删除array数组元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript怎样删除array数组元素”吧!JavaScript删除arra...
    99+
    2023-06-14
  • 在JavaScript 中14个拷贝数组的技巧分别是怎样的
    在JavaScript 中14个拷贝数组的技巧分别是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。数组拷贝经常被误解,但这并不是因为拷贝...
    99+
    2024-04-02
  • 轻量级的数据交换格式JSON是怎样的
    这篇文章将为大家详细讲解有关轻量级的数据交换格式JSON是怎样的,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JSON定义JSON(JavaScript O...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作