Javascriptデータリストは空になっていますがコンソールにはエラーはありません

Question

私は2つの配列を作成しているデータがあります。

コンソールでエラーは表示されませんが、リストは両方とも空です。

chList=[]; 
thList=[]; 
thCount=[]; 

for (var i = 0; i < mydata.length; i++) { 

    var obj = mydata[i]; 

    var cl = obj.name; 

    if (obj.subcat != null) { 
     chList.push(cl); 
    } 

    if(obj.subcat) { 

     if (i < 10) { 

      var nme = obj.subcat.map(function(item){ 
       return item.name; 
       console.log(nme); 
      }); 

      thList = thList.concat(nme); 
      thCount.push(nme.length); 
     } 

    } 

} 

console.log(thList); 
console.log(thCount); 

問題は、このような空thListとthCountの両方が出てきているということです：：[]

はどのようにすることができます。ここ

は、ここでデータ

mydata = { 
    "id": "661", 
    "name": "some name", 
    "description": "some desc", 
    "subcat": { 
     "662": { 
      "id": "662", 
      "name": "sub 1", 
      "translations": null 
     }, 
     "663": { 
      "id": "663", 
      "name": "sub 2", 
      "translations": null 
     } 
    }, 
    "image": null 
}; 

コードがあるあります私はこれを悟りますか？

Answer 1

をObject.keys使用しています。配列内に提示されたオブジェクトリテラルをmydataのようにラップすると、他の同様のオブジェクトが追加される可能性があります。

も配列ではないため、obj.subcat.mapは機能しません。代わりにmapをObject.keys(obj.subcat)に適用し、取得したキーでobj.subcatにアクセスしてください。それが動作するこれら2回の調整で

：

// mydata is an array 
 
mydata = [{ 
 
    "id": "661", 
 
    "name": "some name", 
 
    "description": "some desc", 
 
    "subcat": { 
 
     "662": { 
 
      "id": "662", 
 
      "name": "sub 1", 
 
      "translations": null 
 
     }, 
 
     "663": { 
 
      "id": "663", 
 
      "name": "sub 2", 
 
      "translations": null 
 
     } 
 
    }, 
 
    "image": null 
 
}]; 
 

 
var chList=[]; 
 
var thList=[]; 
 
var thCount=[]; 
 

 
for (var i = 0; i < mydata.length; i++) { 
 
    var obj = mydata[i]; 
 
    var cl = obj.name; 
 
    if (obj.subcat != null) { 
 
     chList.push(cl); 
 
    } 
 
    if(obj.subcat) { 
 
     if (i < 10) { 
 
      // You cannot use map on an object directly. Use Object.keys: 
 
      var nme = Object.keys(obj.subcat).map(function(key){ 
 
       var item = obj.subcat[key]; // get the item by key 
 
       return item.name; 
 
       // NB: console.log after `return` does not get executed! 
 
      }); 
 
      thList = thList.concat(nme); 
 
      // cf. Follow-up question: repeat length as many times: 
 
      thCount = thCount.concat(Array(nme.length).fill(nme.length)); 
 
     } 
 
    } 
 
} 
 

 
console.log(thList); 
 
console.log(thCount);

Answer 2

mydata.lengthは、オブジェクトmyDataに存在しないlengthプロパティにアクセスしようとすると、未定義です。ループの反復はうまくいかないので、配列thList , thCountは常に空です。

あなたは、そのオブジェクトの一部ではない任意のプロパティにアクセスしようとすると、lengthプロパティは、あなたができる、オブジェクトのプロパティを取得しようとしている場合undefined

を返すjavascriptのは、JavaScriptのArray上に存在し、 mydataが配列でないとしても、var obj = mydata[i];のような声明があなたのケースでは動作しません

for (var property in mydata) { 
    if (mydata.hasOwnProperty(property)) { 
     // Rest of your statements 
    } 
} 

のように列挙のプロパティを反復処理してみてください。 mydataを配列として定義すると、var obj = mydata[i];ステートメントが機能します。

Answer 3

このようなことを試してください。

for (var key in yourobject) { 
    // and access your data like this 
    yourobject[key].whatever 
} 

Answer 4

あなたがMYDATAの長さを取得したい場合、あなたはmydataは、オブジェクトの配列ではなく、あなたが提示一つだけであることを期待ように見え法

var length = Object.keys(mydata);