Looking to create a loop that continues as long as a JSON dataset remains assigned to a specific variable

Question

Looking to create a loop that continues as long as a JSON dataset remains assigned to a specific variable

I've been trying to retrieve JSON data, but I seem to have hit a snag. I'm not sure where I went wrong or how to correct it.

[
{
"userId": 1,
"title": "A",
"body": "B"
},
{
"userId": 1,
"title": "C",
"body": "D"
},
{
"userId": 2,
"title": "E",
"body": "F"
},

function loadPost (y) {
    $.getJSON(  
    function(data){ 
    var i;
    while (y = data[i].userId) {
    $("#card").append(
        "<p><span class='postTilte'>" + data[i].title +
        "</span>"+ data[i].body + "</p>"
        )
    }}

When this is clicked, the function will execute and display the desired information based on the provided number for variable y.

Can anyone offer assistance?

javascript json while-loop

Answer 1

Answer №1

When initializing the variable "i" is forgotten, an infinite loop may occur and it must be incremented correctly. See the example code below:

function loadPost (y) {
    $.getJSON(  
    function(data){ 
    var i =0 ;
    while (i<data.length) {
if(y = data[i].userId)
{
    $("#card").append(
        "<p><span class='postTilte'>" + data[i].title +
        "</span>"+ data[i].body + "</p>"
        )
    }
}
i++;
}

Answer 2

When initializing the variable "i" is forgotten, an infinite loop may occur and it must be incremented correctly. See the example code below:

function loadPost (y) {
    $.getJSON(  
    function(data){ 
    var i =0 ;
    while (i<data.length) {
if(y = data[i].userId)
{
    $("#card").append(
        "<p><span class='postTilte'>" + data[i].title +
        "</span>"+ data[i].body + "</p>"
        )
    }
}
i++;
}

Answer 3

Answer №2

for (z = info[j].userId) {
    $("#container").append(
    "<h3><span class='articleTitle'>" + info[j].headline +
    "</span>"+ info[j].content + "</h3>")
    j++;    //increase value of j
}

Answer 4

for (z = info[j].userId) {
    $("#container").append(
    "<h3><span class='articleTitle'>" + info[j].headline +
    "</span>"+ info[j].content + "</h3>")
    j++;    //increase value of j
}

Answer 5

Answer №3

Utilizing the Array function filter alongside forEach. (No need for i here!)

Check out the code on JSFiddle

var list = [{
    "userId": 1,
    "title": "A",
    "body": "B"
},
{
    "userId": 1,
    "title": "C",
    "body": "D"
},
{
    "userId": 2,
    "title": "E",
    "body": "F"
}]

loadPost(list, 1)

function loadPost(arr, y) {
    var result = ''
    arr.filter(function (val, idx, aa) {
        return val.userId === y
    }).forEach(function (elem) {
        result += '<p><span class="postTitle">' + elem.title +
            '</span>' + elem.body + '</p>'
    })
    $("#card").append(result);
}

Answer 6

Utilizing the Array function filter alongside forEach. (No need for i here!)

Check out the code on JSFiddle

var list = [{
    "userId": 1,
    "title": "A",
    "body": "B"
},
{
    "userId": 1,
    "title": "C",
    "body": "D"
},
{
    "userId": 2,
    "title": "E",
    "body": "F"
}]

loadPost(list, 1)

function loadPost(arr, y) {
    var result = ''
    arr.filter(function (val, idx, aa) {
        return val.userId === y
    }).forEach(function (elem) {
        result += '<p><span class="postTitle">' + elem.title +
            '</span>' + elem.body + '</p>'
    })
    $("#card").append(result);
}

Looking to create a loop that continues as long as a JSON dataset remains assigned to a specific variable

Answer №1

Answer №2

Answer №3

Similar questions

Convert JSON information into a datatable or a multi-dimensional array

Slideshow Display Suddenly Halts at the Last Image

Are you interested in implementing the switcher function in a React JS class component?

Converting ArraysList to JSON format

Real-time Updating of ChartJS Charts in Rails Using AJAX

Converting JSON data into an Angular object

Best practices for making an AJAX call to fetch information from a database

What is the method for extracting children from a singular object in json-server rather than an array?

Maximizing the output of a foreach loop using json_encode

Using createStyles in TypeScript to align content with justifyContent

Getting the most out of the fastest-validator package: Implementing multiple patterns and custom messages

Passing the response from an AJAX request to JavaScript

Troubleshooting the "Request failed with status code 500" error when refreshing a page in a React application

Utilizing the dnd library to incorporate drag and drop functionality

Managing numerous validation issues received from a online service

When testing, Redux form onSubmit returns an empty object for values

Implementing JSON encoding for Swift parameters

Learn the position of a div element that appears following the lazy loading of images

Utilize jQuery to wrap text within <b> tags and separate them with <br> tags

Using postMessage to communicate with the localstorage of an iframe from a separate domain