JSON ट्री व्यूअर - JSON डेटा इंटरैक्टिव विज़ुअलाइज़ ऑनलाइन

// Build a tree from JSON and search it
function buildJsonTree(data, key = '$', path = '$', depth = 0) {
  const node = { key, path, depth, type: getType(data) };
  if (data === null) { node.value = null; return node; }
  if (Array.isArray(data)) {
    node.children = data.map((item, i) =>
      buildJsonTree(item, `[${i}]`, `${path}[${i}]`, depth + 1));
    return node;
  }
  if (typeof data === 'object') {
    node.children = Object.entries(data).map(([k, v]) =>
      buildJsonTree(v, k, `${path}.${k}`, depth + 1));
    return node;
  }
  node.value = data;
  return node;
}

function getType(v) {
  if (v === null) return 'null';
  if (Array.isArray(v)) return 'array';
  return typeof v;
}

const json = { name: 'John', tags: ['dev', 'js'] };
const tree = buildJsonTree(json);
console.log(JSON.stringify(tree, null, 2));