jQuery.each() 不迭代 object

Question

Using latest jQuery 3.6.0 I can't figure out why the object is not iterated.

json = [{"id":9,"brand_id":"","supplier_id":"","code":"","sku":"item","mpn":"","gtin":"","taric":"","image":"","quantity":100,"quantity_unit_id":1,"ordered":0,"weight":0,"weight_unit":"kg","length":0,"width":0,"height":0,"length_unit":"cm"}];

$.each(json, function(i) {
  $.each(json[i], function(key, value) {
    console.log(key, value);
    alert('Does not come this far');
  });
});

This object however works:

json = [{"foo":"bar", "this": "that"}];

Can anyone spot the obvious? https://jsfiddle.net/qnbwm0ej/

Answer 1

Object.keys()

+Edited for the real "value":)

    json = [{"id":9,"brand_id":"","supplier_id":"","code":"","sku":"item","mpn":"","gtin":"","taric":"","image":"","quantity":100,"quantity_unit_id":1,"ordered":0,"weight":0,"weight_unit":"kg","length":0,"width":0,"height":0,"length_unit":"cm"}];

$.each(json, function(i) {
  console.log(json[i]);

  $.each(Object.keys(json[i]), function(key, value) {
    console.log(value, json[i][value]);
  });
});

++Edit

It's not going to iterate each key-value because you added property "length":0 . If you add a "length":0 property to the second object you posted, it won't work just like the first object. You can check why and how the jquery.each works from here line 238

This is some tests for the custom length property in objects.

Answer 2

Convert all the integer value to string as below.

json = [{"id":"9","brand_id":"","supplier_id":"","code":"","sku":"item","mpn":"","gtin":"","taric":"","image":"","quantity":"100","quantity_unit_id":"1","ordered":"0","weight":"0","weight_unit":"kg","length":"0","width":"0","height":"0","length_unit":"cm"}];

$.each(json, function(index,jsonObject){
    console.log(jsonObject);
    $.each(jsonObject, function(key,val){
        console.log(key, val);
    });
});

If you do not want to change the data. Please use for...in loop.

json = [{"id":9,"brand_id":"","supplier_id":"","code":"","sku":"item","mpn":"","gtin":"","taric":"","image":"","quantity":100,"quantity_unit_id":1,"ordered":0,"weight":0,"weight_unit":"kg","length":0,"width":0,"height":0,"length_unit":"cm"}];
$.each(json, function(index,jsonObject){
    console.log(jsonObject);
  for(var key in jsonObject) {
     console.log(key, jsonObject[key]); 
    } 
});