js怎么获取json格式的所有参数

JavaScript 获取 JSON 对象所有参数的实用指南**

在 JavaScript 开发中，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，因其易于人阅读和编写，同时也易于机器解析和生成，而被广泛应用，当我们从服务器获取数据，或者在本地处理结构化数据时，常常需要遍历 JSON 对象以获取其所有的参数（键值对），本文将详细介绍几种在 JavaScript 中获取 JSON 对象所有参数的方法，并附上示例代码,帮助你更好地理解和应用。

我们需要明确一点：在 JavaScript 中，JSON 对象通常是以普通对象（Object）的形式存在的，获取 JSON 对象的所有参数,实际上就是遍历一个普通对象的属性。

假设我们有以下 JSON 对象（在 JS 中表示为对象）：

const user = {
  id: 101,
  name: "张三",
  age: 30,
  email: "zhangsan@example.com",
  isStudent: false,
  address: {
    city: "北京",
    street: "长安街"
  },
  hobbies: ["阅读", "旅行", "编程"]
};

我们的目标是获取 user 对象中的所有“参数”，即所有的键（key）和对应的值（value）。

使用 for...in 循环

for...in 循环是专门用于遍历对象可枚举属性的循环结构,它会遍历对象自身及其原型链上所有可枚举的属性。

示例代码：

console.log("使用 for...in 循环遍历 user 对象：");
for (let key in user) {
  // 使用 hasOwnProperty 方法判断是否是对象自身的属性，避免遍历到原型链上的属性
  if (user.hasOwnProperty(key)) {
    console.log(`键: ${key}, 值: ${user[key]}, 值类型: ${typeof user[key]}`);
  }
}

说明：

• for (let key in user) 会依次将 user 对象的每个键赋值给 key 变量。
• user.hasOwnProperty(key) 是一个重要的检查，确保我们只获取对象自身的属性，而不是从其原型继承来的属性，在处理不确定对象来源时,这是一个好习惯。
• user[key] 用于获取对应键的值。

输出结果（示例）：

使用 for...in 循环遍历 user 对象：
键: id, 值: 101, 值类型: number
键: name, 值: 张三, 值类型: string
键: age, 值: 30, 值类型: number
键: email, 值: zhangsan@example.com, 值类型: string
键: isStudent, 值: false, 值类型: boolean
键: address, 值: [object Object], 值类型: object
键: hobbies, 值: 阅读,旅行,编程, 值类型: object

使用 Object.keys()、Object.values() 和 Object.entries()

ES6 引入了一系列 Object 的静态方法，使得获取对象的键、值或键值对数组变得更加便捷。

Object.keys(obj)

该方法返回一个包含对象自身所有可枚举属性键名的数组。

示例代码：

const keys = Object.keys(user);
console.log("\n使用 Object.keys() 获取所有键：", keys);
// 输出: ["id", "name", "age", "email", "isStudent", "address", "hobbies"]

如果你只需要键，这是最直接的方法，如果你还需要值，可以结合数组的 map 方法：

const values = Object.keys(user).map(key => user[key]);
console.log("通过 Object.keys() + map 获取所有值：", values);
// 输出: [101, "张三", 30, "zhangsan@example.com", false, {city: "北京", street: "长安街"}, ["阅读", "旅行", "编程"]]

Object.values(obj)

该方法返回一个包含对象自身所有可枚举属性值的数组。

示例代码：

const values = Object.values(user);
console.log("\n使用 Object.values() 获取所有值：", values);
// 输出: [101, "张三", 30, "zhangsan@example.com", false, {city: "北京", street: "长安街"}, ["阅读", "旅行", "编程"]]

Object.entries(obj)

该方法返回一个包含对象自身所有可枚举属性的键值对数组，其中每个元素都是形如 [key, value] 的数组，这是非常实用的方法,因为它同时提供了键和值。

示例代码：

const entries = Object.entries(user);
console.log("\n使用 Object.entries() 获取所有键值对数组：");
console.log(entries);
// 遍历 entries 数组
console.log("\n遍历 entries 数组获取键值对：");
entries.forEach(([key, value]) => {
  console.log(`键: ${key}, 值: ${value}, 值类型: ${typeof value}`);
});

输出结果（示例）：

使用 Object.entries() 获取所有键值对数组：
[
  ['id', 101],
  ['name', '张三'],
  ['age', 30],
  ['email', 'zhangsan@example.com'],
  ['isStudent', false],
  ['address', {city: '北京', street: '长安街'}],
  ['hobbies', ['阅读', '旅行', '编程']]
]
遍历 entries 数组获取键值对：
键: id, 值: 101, 值类型: number
键: name, 值: 张三, 值类型: string
键: age, 值: 30, 值类型: number
键: email, 值: zhangsan@example.com, 值类型: string
键: isStudent, 值: false, 值类型: boolean
键: address, 值: [object Object], 值类型: object
键: hobbies, 值: 阅读,旅行,编程, 值类型: object

递归遍历嵌套 JSON 对象

JSON 对象中包含嵌套的对象或数组，并且你需要获取所有层级的参数,那么就需要使用递归的方法。

示例代码：

function getAllParams(obj, result = {}, path = '') {
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      const currentPath = path ? `${path}.${key}` : key;
      if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {
        // 如果是对象且不是数组，则递归遍历
        getAllParams(obj[key], result, currentPath);
      } else {
        // 如果是基本类型或数组，则直接添加到结果中
        result[currentPath] = obj[key];
      }
    }
  }
  return result;
}
const allParams = getAllParams(user);
console.log("\n递归获取所有层级的参数：");
console.log(allParams);

说明：

• getAllParams 函数接受一个对象 obj，一个用于存储结果的对象 result，以及一个表示当前路径的字符串 path。
• 当遇到一个嵌套对象时，它会递归调用自身，并将当前路径传递下去，形成类似 address.city 这样的路径。
• 当遇到基本类型值或数组时，就将当前完整路径和值存入 result 对象。

输出结果（示例）：

递归获取所有层级的参数：
{
  'id': 101,
  'name': '张三',
  'age': 30,
  'email': 'zhangsan@example.com',
  'isStudent': false,
  'address.city': '北京',
  'address.street': '长安街',
  'hobbies': ['阅读', '旅行', '编程']
}

总结与选择