js 获取json数组里面数组的长度实例

获取JSON数组里面数组的长度可以使用JavaScript语言中的length属性,具体分为获取根数组长度和获取嵌套数组长度两种情况。

获取根数组长度

首先,需要使用JSON.parse()方法将JSON字符串解析成JavaScript对象。然后,通过对象的length属性获取根数组的长度。

示例代码如下所示:

let jsonStr = '[{"name": "张三", "age": 20}, {"name": "李四", "age": 21}]';
let jsonArray = JSON.parse(jsonStr);
let jsonArrayLength = jsonArray.length;
console.log(jsonArrayLength);  // 输出结果为:2

在上述代码中,jsonStr是一个包含两个对象的JSON字符串,jsonArray是将该字符串解析后得到的JavaScript对象,jsonArrayLength就是根数组的长度。

获取嵌套数组长度

嵌套数组指的是JSON数组里面还包含其他的数组。此时,可以使用递归的方法来获取嵌套数组的长度。

示例代码如下所示:

let jsonStr = '{"name":"张三","info":[{"hobby":"reading","year":[2019,2020,2021]},{"hobby":"writing","year":[2017,2018]}]}';
let jsonObj = JSON.parse(jsonStr);

function getNestedArrayLength(obj) {
  let length = 0;
  for (let key in obj) {
    if (Array.isArray(obj[key])) {  // 如果属性值是数组,则递归获取数组长度
      length += getNestedArrayLength(obj[key]);
    } else {
      length++;  // 如果属性值不是数组,说明到达了叶子节点,长度加1
    }
  }
  return length;
}

let nestedArrayLength = getNestedArrayLength(jsonObj);
console.log(nestedArrayLength);  // 输出结果为:5

在上述代码中,jsonStr是一个包含嵌套数组的JSON字符串,jsonObj是将该字符串解析后得到的JavaScript对象。在getNestedArrayLength()函数中,首先判断属性值是否是数组,如果是数组,则递归调用该函数获取数组的长度;否则,将长度加1。最后,返回长度值。

总之,获取JSON数组里面数组的长度,需要将JSON字符串解析成JavaScript对象,然后根据情况选择通过对象的length属性获取根数组的长度,或者使用递归的方法获取嵌套数组的长度。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 获取json数组里面数组的长度实例 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 为JS扩展Array.prototype.indexOf引发的问题探讨及解决

    我会详细讲解“为JS扩展Array.prototype.indexOf引发的问题探讨及解决”的完整攻略。以下是具体的步骤: 1.问题描述 在JS中,Array.prototype.indexOf()方法用于查找元素在数组中的位置,如果存在,就返回它的下标。但是,有一些开发者会通过扩展Array.prototype.indexOf()方法的方式来添加一些自定义…

    JavaScript 2023年6月11日
    00
  • Element如何实现loading的方法示例

    Element是一套基于Vue.js 2.0的UI框架,提供了许多常用组件,其中包括loading组件。下面是实现Element loading的方法示例攻略: 步骤一:引入Element UI库 在你的项目中引入Element UI库,可以通过CDN链接或者npm包管理器进行引入,这里我以npm包管理器进行说明。在终端中运行以下命令进行安装: npm in…

    JavaScript 2023年6月10日
    00
  • JavaScript中for循环的几种写法与效率总结

    以下是详细的攻略: JavaScript中for循环的几种写法与效率总结 1. for循环基本语法 for (let i = 0; i < length; i++) { // 循环体 } 其中,let i = 0 表示初始化一个变量 i ,初始值为 0 ; i < length 表示循环条件,当 i 小于 length 时,执行循环体; i++ …

    JavaScript 2023年5月28日
    00
  • jquery动态遍历Json对象的属性和值的方法

    当我们需要处理 Json,并且使用 jQuery 时,经常需要遍历 Json 对象的属性和值,以下是几种常见的方法: 方法一:$.each()方法 使用 $.each() 方法可以遍历 Json 对象的属性和值。这个方法有两个参数,第一个参数为被遍历的对象,第二个参数为一个回调函数,回调函数的参数是索引和属性值。示例代码如下: var data = { &q…

    JavaScript 2023年5月27日
    00
  • 如何通过vscode运行调试javascript代码

    下面是如何通过VSCode运行调试JavaScript代码的完整攻略: 步骤1:安装和配置VSCode 安装VSCode:打开VSCode官网,下载并安装最新的稳定版本。如果已经安装,请保持更新到最新版本。 安装Node.js:在Node.js官网下载并安装Node.js,这将使您可以在VSCode中运行和调试JavaScript代码。 安装VSCode的J…

    JavaScript 2023年5月27日
    00
  • JavaScript DOM基础

    JavaScript DOM基础攻略 前言 文档对象模型(DOM)是HTML和XML文档的编程接口,它将可用于操作文档内容的元素定义为对象。JavaScript可以使用DOM来实现对HTML页面中各个元素的动态访问和操作,从而实现页面交互和响应。 获取元素 DOM中最常用的操作之一就是获取页面的元素,这可以通过如下方法实现: getElementById()…

    JavaScript 2023年5月18日
    00
  • 对于js垃圾回收机制的理解

    关于 JS 垃圾回收机制的理解,可以从下面三个方面来进行说明: 什么是垃圾回收? 垃圾回收是一种自动化的过程,它主要的功能是自动找出不再被程序所使用的内存,然后释放这些内存资源。JS 中的垃圾回收,就是通过一些算法来进行自动的垃圾回收。 垃圾回收的算法 垃圾回收器通过检查数据的引用,找出不再被引用的变量,然后进行垃圾回收操作。JS 垃圾回收是基于算法原理的。…

    JavaScript 2023年6月11日
    00
  • js 提取某()特殊字符串长度的实例

    要提取某个特殊字符串长度的实例,可以使用 JavaScript 中的正则表达式(regular expression)。下面是一个简单的步骤: 步骤 1: 定义正则表达式 定义匹配特殊字符串的正则表达式。例如:要匹配所有以”abc”开头的字符串,使用正则表达式 /^abc/g。其中 “^” 表示字符串开头,”g” 表示全局搜索。 步骤 2: 匹配字符串 将要…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部