は、なぜ私はそう下記

Question

次のJavaScriptコードでは、未定義のエントリを取得していますことは、私のjavascriptのコード

const rData = [[{"prop11": 10}, {"prop2": 12}]]; 
 
     const tData = []; 
 
     const tddData = []; 
 
     for(const item of rData[0]){ 
 
     tData.push(Object.keys(item).toString()); 
 
     console.log('trData...', tData); 
 
     tData.map(y => { 
 
      tddData.push(item[y]); 
 
      console.log('tdDta....', tddData); 
 
     }); 
 
     }

後console.logs

trData... Array [ "prop11" ] 
tdDta.... Array [ 10 ] 
trData... Array [ "prop11", "prop2" ] 
tdDta.... Array [ 10, undefined ] 
tdDta.... Array [ 10, undefined, 12 ] 

Iの出力されていますそれらの未定義の値がどこから来ているのか分からないようです。助けてください。 forループの2回目の繰り返しで

Answer 1

、itemは{"prop2": 12}とtData["prop11", "prop2"]があります。あなたがtData.map()を呼び出すと、あなたは：

tddData.push(item["prop11"]); 
tddData.push(item["prop2"]); 

を何item["prop11"]がないので、あなたはそのいずれかのundefinedを取得します。

tDataには、配列内のすべての以前のオブジェクトのキーが含まれているため、後のオブジェクトに以前のキーがない場合は常にundefinedになります。

また、オブジェクトのいずれかに複数のプロパティがある場合、Object.keys(item).toString()はコンマで区切られたキーのリストになります。あなたは

{"key1": 1, "key2": 3} 

を持っている場合たとえば、あなたはtdDataに"key1,key2"を押します。 item[y]でこれを使用しようとすると、undefinedが返されます。