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)
上一篇 3天前
下一篇 3天前

相关文章

  • ppk谈JavaScript style属性

    要讲解“ppk谈JavaScript style属性”的完整攻略,我们需要首先了解style属性的作用和用法。 什么是JavaScript的style属性 在JavaScript中,每一个HTML元素都有一个style属性,它用来表示该元素的CSS样式。我们可以用JavaScript来修改元素的style属性,从而改变该元素的样式。 如何修改JavaScri…

    JavaScript 1天前
    00
  • 详解JavaScript的while循环的使用

    详解JavaScript的while循环的使用 简介 JavaScript 中提供了循环语句来重复执行代码块,其中 while 循环是其中之一。while 循环是基于条件执行的循环,只要给定条件为真,就会执行循环体,直到给定条件为假。 语法 while 循环的语法如下: while (condition) { // 循环体语句 } 其中 condition …

    JavaScript 2天前
    00
  • 微信小游戏中three.js离屏画布的示例代码

    让我们来详细讲解在微信小游戏中使用three.js的离屏画布的方法。 什么是离屏画布 在传统canvas绘制中,通常将其绘制在页面中的某个元素之上,从而展示出来。而把canvas绘制在另一个离屏的canvas上,也就是不将其展示在页面上,而是在后台进行绘制,我们称之为离屏画布。 在three.js中,离屏画布通常被称为渲染目标(RenderTarget)。它…

    JavaScript 1天前
    00
  • javascript中数组的常用算法深入分析

    当我们学习JavaScript编程语言的时候,数组(Array)是一种非常常见和重要的数据结构。数组是一种基本的JavaScript数据类型,它是用来存储一组数据的容器。在日常开发中,我们常常需要对数组进行各种操作。本文将详细介绍JavaScript中数组的常用算法,并分析其实现原理。 数组的常用方法 下面是常用的数组处理方法: 1. 数组去重 functi…

    JavaScript 2天前
    00
  • javascript异步编程的六种方式总结

    JavaScript异步编程的六种方式总结 随着现代Web应用程序变得越来越复杂,异步编程成为了必不可少的开发模式。在JavaScript中,我们可以通过多种方式来实现异步编程。本文将介绍JavaScript中的六种常见方式来处理异步编程。 1. 回调函数 回调函数是这六种方式中应用最广泛的一种方式。回调函数是将一个函数作为参数传递给另一个函数,在异步操作完…

    JavaScript 2天前
    00
  • 如何用JS模拟实现数组的map方法

    下面是使用JS模拟实现数组的map方法的完整攻略。 原理分析 Array.map() 方法可以对数组中的每个元素进行操作,生成一个新的数组,而不会改变原来的数组。其原理实际上就是循环遍历数组,每次将当前元素作为参数传入回调函数中进行操作,并将返回值存入新的数组中。 实现步骤 创建一个函数,命名为myMap。该函数需要两个参数,第一个参数是需要进行操作的数组,…

    JavaScript 2天前
    00
  • Js数组的操作push,pop,shift,unshift等方法详细介绍

    Js数组的操作push,pop,shift,unshift等方法详细介绍 在JavaScript中,数组是一个非常重要的数据结构,它可以存储很多不同类型的数据。对于数组的操作,包括增加、删除、遍历和排序等,都是非常常见的。本文将详细介绍数组中的push、pop、shift、unshift等方法的使用方法和实例说明。 push方法 push方法可以在数组的末尾…

    JavaScript 2天前
    00
  • JavaScript 类的定义和引用 JavaScript高级培训 自定义对象

    本文将详细讲解如何定义和引用 JavaScript 类,以及如何创建自定义对象。 JavaScript 类的定义和引用 在 JavaScript 中,类可以通过关键字 class 来定义。类的构造函数中可以包含属性和方法,而实例则是使用 new 关键字来创建的。 下面是一个简单的类定义示例: class Person { constructor(name, …

    JavaScript 3天前
    00
  • javascript基础知识大集锦(一) 推荐收藏

    欢迎来到“Javascript基础知识大集锦(一) 推荐收藏”的攻略。这篇文章本身短小精悍,囊括了Javascript基础知识的各个方面。本文内容包括但不限于变量、数据类型、运算符、流程控制语句、函数、面向对象编程、ES6等内容。下面我将详细讲解每个部分的内容。 变量与数据类型 Javascript是一门弱类型语言,所以变量的类型可以在声明时指定,也可以在赋…

    JavaScript 2023年5月19日
    00
  • JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具

    作为一个网站作者,可使用以下步骤进行JavaScript(JS)压缩/混淆/格式化批处理,以加强效率和文件安全性。 第一步:安装Node.js Node.js是一个基于Chrome JavaScript运行时建立的平台,可运行在多个操作系统上,并具有事件驱动、非阻塞I/O的特点。我们需要使用Node.js环境运行JS压缩/混淆/格式化工具。 在官网下载地址中…

    JavaScript 2023年5月19日
    00