js如何获取json的长度

JavaScript 如何获取 JSON 的长度？

在 JavaScript 中，JSON（JavaScript Object Notation）是一种常用的数据交换格式，当我们处理 JSON 数据时，经常需要获取其长度或大小，由于 JSON 本质上是一种文本格式，而 JavaScript 中操作的是 JSON 解析后的对象或数组，获取“长度”的方式需要根据 JSON 数据的具体类型来确定，本文将详细介绍如何在 JavaScript 中获取 JSON 对象和数组的长度。

JSON 与 JavaScript 对象/数组的关系

首先需要明确的是，JSON 本身是一种字符串格式，当我们说“JSON 数据”时，通常指的是已经通过 JSON.parse() 方法解析后的 JavaScript 对象或数组。

// JSON 字符串
const jsonString = '{"name": "Alice", "age": 25, "city": "New York"}';
// 解析为 JavaScript 对象
const jsonObj = JSON.parse(jsonString);

jsonObj 是一个 JavaScript 对象，我们可以对其使用 JavaScript 的对象操作方法。

获取 JSON 对象的长度（属性个数）

JSON 数据解析后是一个对象（使用花括号 包围），获取其“长度”意味着获取对象的属性个数，JavaScript 对象本身没有 length 属性,但可以通过以下几种方式获取属性个数：

使用 Object.keys() + length

Object.keys() 方法返回一个包含对象自身可枚举属性名称的数组，然后可以通过该数组的 length 属性获取属性个数：

const jsonObj = {name: "Alice", age: 25, city: "New York"};
const length = Object.keys(jsonObj).length;
console.log(length); // 输出: 3

使用 for...in 循环计数

可以通过 for...in 循环遍历对象的可枚举属性,并手动计数：

const jsonObj = {name: "Alice", age: 25, city: "New York"};
let count = 0;
for (const key in jsonObj) {
    if (jsonObj.hasOwnProperty(key)) { // 确保是对象自身的属性
        count++;
    }
}
console.log(count); // 输出: 3

使用 Object.getOwnPropertyNames()

Object.getOwnPropertyNames() 方法返回一个包含对象自身所有属性名称（包括不可枚举属性）的数组，然后可以通过 length 获取个数：

const jsonObj = {name: "Alice", age: 25, city: "New York"};
const length = Object.getOwnPropertyNames(jsonObj).length;
console.log(length); // 输出: 3

获取 JSON 数组的长度

JSON 数据解析后是一个数组（使用方括号 [] 包围），获取长度非常简单，直接使用数组的 length 属性即可：

const jsonArray = [1, 2, 3, 4, 5];
const length = jsonArray.length;
console.log(length); // 输出: 5

注意事项

1. JSON 字符串 vs JavaScript 对象/数组：

   • 如果直接操作 JSON 字符串（未解析），需要先使用 JSON.parse() 将其转换为 JavaScript 对象或数组。

   • const jsonString = '{"name": "Alice", "age": 25}';
     const jsonObj = JSON.parse(jsonString);
     console.log(Object.keys(jsonObj).length); // 输出: 2

2. 对象原型链上的属性：

   • 使用 for...in 循环时，会遍历对象原型链上的可枚举属性，因此需要结合 hasOwnProperty() 方法过滤。
   • Object.keys() 和 Object.getOwnPropertyNames() 只会考虑对象自身的属性。

3. 空对象和空数组：

   • 空对象的长度为 0：

     console.log(Object.keys({}).length); // 输出: 0

   • 空数组的长度也为 0：

     console.log([].length); // 输出: 0

4. Symbol 类型的属性：

   • Object.keys() 和 for...in 不会获取到 Symbol 类型的属性，而 Object.getOwnPropertyNames() 也不会获取 Symbol 属性，如果需要包含 Symbol 属性，可以使用 Object.getOwnPropertySymbols()。

完整示例

以下是一个完整的示例，展示如何根据 JSON 数据的类型获取其长度：

// 示例 JSON 字符串
const jsonString1 = '{"name": "Bob", "age": 30, "hobbies": ["reading", "swimming"]}';
const jsonString2 = ['apple', 'banana', 'cherry'];
// 解析为 JavaScript 对象和数组
const jsonObj = JSON.parse(jsonString1);
const jsonArray = JSON.parse(jsonString2);
// 获取对象的属性个数
const objLength = Object.keys(jsonObj).length;
console.log('JSON 对象的属性个数:', objLength); // 输出: 3
// 获取数组的长度
const arrLength = jsonArray.length;
console.log('JSON 数组的长度:', arrLength); // 输出: 3
// 获取嵌套数组的长度
const hobbiesLength = jsonObj.hobbies.length;
console.log('嵌套数组的长度:', hobbiesLength); // 输出: 2

• JSON 对象：通过 Object.keys(obj).length、Object.getOwnPropertyNames(obj).length 或 for...in 循环计数获取属性个数。
• JSON 数组：直接使用 arr.length 获取长度。
• 关键步骤：确保 JSON 数据已通过 JSON.parse() 解析为 JavaScript 对象或数组。
• 注意事项：区分对象和数组，注意原型链属性和 Symbol 属性的处理。

通过以上方法，你可以轻松获取 JSON 数据的长度,并根据实际需求选择最适合的方式。