How can i get specific values from array use for in loop

Question

Hello i have the following array:

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

how can i get title & data2 values in loop ?

Thanks so much.

edit:

The problem has beed solved with the help of a cat @Niklas Higi but,

how can i get values to my html template in .append function :

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

i need get data2 values to li tags.

what is the expected output? Please share an example. – gurvinder372 Nov 02 '17 at 11:32 — gurvinder372, Nov 02 '17 at 11:32

Niklas Higi · Accepted Answer · 2017-11-02T16:52:09.700

1

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

Please note that I have used for of and not for in as your tag suggested. for in iterates over the indices (in case of an array 0, 1, ...) while for of iterates over the items (Object's in your case).

Answer to your edit: In the for loop create the elements that you need with document.createElement() and add them to your .data container using .appendChild(). For the <ul> you can just create another for of loop to go over the list items and add them to a <ul> tag you created with document.createElement().

edited Nov 02 '17 at 16:52

answered Nov 02 '17 at 11:33

Niklas Higi

2,188
1
14
30

thanks for your response, @Niklas Higi, i updated my question, if you available please help me ? – Rang Nov 02 '17 at 14:13
I edited my post to address your other question. – Niklas Higi Nov 02 '17 at 16:52

score 1 · Answer 2 · answered Nov 02 '17 at 11:34

1

// 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);
});

answered Nov 02 '17 at 11:34

Kwesi

607
1
9
21

How can i get specific values from array use for in loop

2 Answers2