如何迭代 json 对象-解网

问：

我有以下json对象，并尝试使用jQuery进行迭代，但它只返回一次迭代。我做错了什么？

var data = "{
  "SIEcat4": {
    "3001": {
      "test": "test",
      "test": "test"
    },
    "3300": {
      "test": "test",
      "test": "test"
    }
  },
  "SIEcat5": {},
  "SIEcat6": {},
  "SIEcat13": {
    "3990": {
      "test": "test",
      "test": "test"
    }
  }
}"




$(JSON.parse(data)).each(function(key, value) {
  console.log("test");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

jQuery 对象

var data = {
  "SIEcat4": {
      "3001": {
          "test": "test",
          "test": "test"
      },
      "3300": {
          "test": "test",
          "test": "test"
      }
  },
  "SIEcat5": {},
  "SIEcat6": {},
  "SIEcat13": {
    "3990": {
        "test": "test",
        "test": "test"
    }
  }
};

Object.keys(data).forEach(key => {
  console.log(key, '=>', data[key]);
});

如果你的数据是 JSON 数据的字符串表示形式，你可以执行与上述完全相同的操作，但你需要先运行它以从字符串中获取数据。JSON.parse

var dataAsString = `{
  "SIEcat4": {
      "3001": {
          "test": "test",
          "test": "test"
      },
      "3300": {
          "test": "test",
          "test": "test"
      }
  },
  "SIEcat5": {},
  "SIEcat6": {},
  "SIEcat13": {
    "3990": {
        "test": "test",
        "test": "test"
    }
  }
}`;

var data = JSON.parse(dataAsString);

Object.keys(data).forEach(key => {
  console.log(key, '=>', data[key]);
});

0赞 mplungjan 9/19/2023 #2

详细说明我的评论

$jQueryCollection.each（）通常用于 jQuery 集合 - 我不会将其用于嵌套对象

$.each 可用于对象，但只能用于一个图层

此外，您还有相同的引号来包装对象和引用数据。换行符仅在 JS 中的模板文字中或转义换行符时才允许。因此，将外部更改为 ' （bactick）和"

了解如何迭代嵌套对象

最后，您的对象是无效的，因为它有多个名为 same 的键

这是一个有效对象上的工作递归迭代器 - 如果你坚持，它可以在jQuery中使用

const obj = JSON.parse(data);
const iterateObject = (obj, parentKey = '') => {
  for (let key in obj) {
    if (typeof obj[key] === 'object') {
      iterateObject(obj[key], `${parentKey}${key}.`);
    } else {
      console.log(`${parentKey}${key}: ${obj[key]}`);
    }
  }
};

iterateObject(obj);

console.log('\n------\n');

// jQuery .each also needs the iterator
let parentKey = '';
$.each(obj, function(key, value) {
  if (typeof obj[key] === 'object') {
    iterateObject(obj[key], `${parentKey}${key}.`);
  } else {
    console.log(`${parentKey}${key}: ${obj[key]}`);
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<script>
  var data = `{
  "SIEcat4": {
    "3001": {
      "test1": "test",
      "test2": "test"
    },
    "3300": {
      "test1": "test",
      "test2": "test"
    }
  },
  "SIEcat5": {},
  "SIEcat6": {},
  "SIEcat13": {
    "3990": {
      "test1": "test",
      "test2": "test"
    }
  }
}`; 
</script>

上一个：声明一个没有专用化的基类模板来初始化派生类

下一个：WordPress jQuery - 选中复选框创建对象数组并基于它创建 HTML

如何迭代 json 对象

How to iterate json object

评论