2017-01-10 31 views
1

テーブルで視覚化したいJavascript配列の例があります。私は第一、第二およびその他の行である、テーブル、にこのデータを置くことを望む、反応し、IN/OUTの列がある入れ子になったJavascript配列の列の値を参照してください。

var dataTable = [ 
     { First: {In: "5 MB", Out: "6 MB"}, 
      Second: {In: "5 MB", Out: "1 MB"}, 
      Other: {In: "0.2 MB", Out: "2 MB"} 
     } 
    ]; 

fixed-data-tableを使用する:

は、ここで配列です。

は、私が値「で」、そしてその後、「アウト」の値を持つフィールドを移入したいと言います。ネストされた値をFirst[0].InFirst[0].Outと呼んで検索し、特定のセルに表示しますか?

答えて

2

構造体は、First,SecondOtherという名前のキーを持つオブジェクトである単一の要素を含む配列(dataTable)のように見えます。 FirstInOutプロパティにアクセスするには

、あなたはとてもようにそれらを参照します:dataTable[0].First.InまたはdataTable[0].First.Out

それとも、あなたが繰り返し、そのプロパティにアクセスするつもりなら、なぜ変数としてdataTable[0]への参照を格納していないなど、dataTable[0].Second.In

については、Second、あなたは同じパターンに従うでしょうか?

var toShow = dataTable[0]; 
console.log(toShow.First.In); 
console.log(toShow.Other.Out); 

これはあなたに一般的な考えを与えるはずです。配列のインデックスを作成し、オブジェクトのキーを使用して必要なデータにアクセスします。

それは固定キーを持つ単一のオブジェクトが含まれているために起こっている場合は、すべてのアレイである必要はありません dataTableのように私には見えます

。おそらく、それをオブジェクトの配列にする代わりに、それぞれ別々にインデックスを付けることができますか?いずれにしてもうまくいくが、それはあなた次第だ。

関連する問題