用对象循环遍历json数组

Question

I´ve got an array in this format:

var items = [{
        "link": {
            "0": "http://www.example.com/"
        },
        "title": {
            "0": "example"
        }
    }, {
        "link": {
            "0": "http://www.example2.com"
        },
        "title": {
            "0": "example2"
        }
    }]

I can´t figure out how to loop through it and display its values in HTML.

Im using jquery and have tried using an each-loop:

$.each( items, function(i, item) {
        console.log(item); // Uncaught TypeError: Cannot use 'in' operator to search for '6271' in
    })

Help appreciated. Thanks!

EDIT:

Your code works in the example i posted above. I will accept asasp. I noticed however that the real json im trying to loop is not always properly formatted which leads to a crash:

var items = [{
        "link": {
            "0": "http://www.example.com/"
        },
        "title": {
            "0": "example"
        }
    }, {
        "link": {
            "0": "http://www.example2.com"
        },
        "title": {
            "0": "example2: "
            some text here ""
        }
    }]

When looping this array i get:

Uncaught SyntaxError: Unexpected identifier

Is there a way to maybe skip all "broken" objects?

Answer 1

Fast and dirty:

for (item of items) {
  console.log(item.link[0])
  console.log(item.title[0])
}

Answer 2

Here you go with a solution

 var items = [{ "link": { "0": "http://www.example.com/" }, "title": { "0": "example" } }, { "link": { "0": "http://www.example2.com" }, "title": { "0": "example2" } }]; $.each( items, function(i, item) { $("body").append(`<span class="title">${item.title["0"]}:</span> <span>${item.link["0"]}</span><br/>`); }); 

 .title { font-weight: bold; font-size: 16px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Each item is an object, to get the link value I've provided in the solution.