はどのように私はループ

Question

での配列の使用から特定の値を取得することができますこんにちは、私は次の配列を持っている：

var data = [ 
    { 
     title: "title 1", 
     data2: [ 
      "content", 
     ] 
    }, 
    { 
     title: "title 1", 
     data2: [ 
      "content", 
     ] 
    } 
]; 

は、どのように私は、ループ内のタイトル& DATA2値を得ることができますか？

ありがとうございます。

編集：

<div class="data"> 
    <div class="data-item"> 
     <h6>'+data.title+'</h6> 
     <ul> 
      <li>contents from data2 value</li> 
     </ul> 
    <div> 
<div> 

：

問題は猫@Niklas Higiの助けを借りて解決したが、

がどのように私は.append機能で私のHTMLテンプレートに値を得ることができますbeedました

私はliタグにdata2値を取得する必要があります。

Answer 1

for(let item of data) { 
    console.log(item.title); 
    console.log(item.data2); 
} 

タグが示唆したように、私はfor ofないfor inを使用していることに注意してください。 for inはインデックス（配列の場合は0、1、...）を反復し、for ofはアイテム（Objectの場合）を繰り返し処理します。あなたの編集へ

---

回答：forループではあなたがdocument.createElement()に必要な要素を作成し、.appendChild()を使用して.dataコンテナに追加します。 <ul>の場合は、別のfor ofループを作成してリスト項目を移動し、document.createElement()で作成した<ul>タグに追加することができます。

Answer 2

// Iterate through array 
data.forEach((item) => { 

    // Do stuff with items here, 
    // using dot-notation. We will 
    // just log them in this example. 

    console.log(item.title); 
    console.log(item.data2); 
});