新手求助：JavaScript递归解析嵌套JSON及字典式操作实现方法

Hey there! I totally get the frustration when dealing with deeply nested JSON as a JS newbie—been there, done that. Let’s break this down step by step so you can tackle those Postman collections with confidence.

1. Convert JSON Text to a Dictionary-like Object #

First off, turning raw JSON text into a manipulable object is straightforward with JavaScript’s built-in JSON.parse() method. Once parsed, you can use Object.keys() to get all keys of an object—this is exactly analogous to Python’s dict.keys().

Example: #

// Sample raw JSON text from a Postman collection
const postmanJsonText = `{
  "info": { "name": "My API Collection", "schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json" },
  "items": [
    {
      "name": "Get Users",
      "request": { "method": "GET", "url": "https://api.example.com/users" }
    }
  ]
}`;

// Parse the JSON text into a JS object
const postmanCollection = JSON.parse(postmanJsonText);

// Get top-level keys (like "info" and "items")
console.log(Object.keys(postmanCollection)); // Output: ["info", "items"]

// Access nested keys too
console.log(Object.keys(postmanCollection.info)); // Output: ["name", "schema"]

A quick note: If you’re working with arrays (like the items array above), you’ll need to loop through the array first before accessing object keys—just like you’d iterate over a list in Python.

2. Recursive Parsing for Deeply Nested Structures #

Since Postman collections can have unlimited nesting (e.g., folders inside folders inside collections), a recursive function is the perfect tool to traverse every level. Let’s build a function that can log all keys and their values, or extract specific data like all request URLs.

Example Recursive Function (Log All Nested Keys/Values): #

function traverseNestedObject(obj, parentKey = "") {
  // Iterate over each key in the current object
  for (const key of Object.keys(obj)) {
    const fullKey = parentKey ? `${parentKey}.${key}` : key;
    const value = obj[key];

    // Log the key and its value type (or value if it's a primitive)
    if (typeof value === "object" && value !== null) {
      console.log(`${fullKey}: [${Array.isArray(value) ? "array" : "object"}]`);
      // Recurse into the nested object/array
      if (Array.isArray(value)) {
        value.forEach((item, index) => {
          traverseNestedObject(item, `${fullKey}[${index}]`);
        });
      } else {
        traverseNestedObject(value, fullKey);
      }
    } else {
      console.log(`${fullKey}: ${value}`);
    }
  }
}

// Use the function on your parsed Postman collection
traverseNestedObject(postmanCollection);

Example: Extract All Request URLs from the Collection #

If you want to pull specific data (like all API endpoints in your Postman collection), you can modify the recursive function to collect that data:

function extractAllRequestUrls(obj, urls = []) {
  if (obj.request?.url) {
    // If this is a request object, add the URL to our list
    urls.push(obj.request.url.toString());
  }

  // Recurse into any nested items (folders)
  if (obj.items && Array.isArray(obj.items)) {
    obj.items.forEach(item => extractAllRequestUrls(item, urls));
  }

  return urls;
}

// Get all URLs in your collection
const allUrls = extractAllRequestUrls(postmanCollection);
console.log("All Request URLs:", allUrls);

Pro Tips for Newbies #

• Use console.dir(obj, { depth: null }) to print the entire nested object structure in your browser’s console—this is way more helpful than console.log() for deep nesting.
• Use the optional chain operator (?.) to avoid errors when accessing nested keys that might not exist (e.g., obj?.items?.[0]?.request won’t throw an error if items is missing).
• Start small! Test your recursive function on a tiny snippet of your Postman collection first, then scale up.

内容的提问来源于stack exchange，提问作者qre0ct