Using JavaScript, pass an array containing a list of JSON values

Question

Using JavaScript, pass an array containing a list of JSON values

I am attempting to store a list of JSON Objects in an array using JavaScript. Below is the list:

[{"_id":1,"json":{"age":10,"name":"carlos"}},{"_id":2,"json":{"age":10,"name":"carlos"}}]

Here is the code snippet I have written:

var arrayResults = '{"files":' + '[{"_id":1,"json":{"age":10,"name":"carlos"}},{"_id":2,"json":{"age":10,"name":"carlos"}}]}';
alert (arrayResults.files.length);
var jsonData = JSON.parse(arrayResults);

for (var i = 0; i < arrayResults.files.length; i++) {
    var file = jsonData.files.age[i];
    alert(file);
}

Any assistance with this would be greatly appreciated. Thank you!

javascript json

Answer 1

Answer №1

If you're unsure about what you need, the code below demonstrates how to iterate through your data and display interesting facts about each piece:

var arrayResults = '{"files":' + '[{"_id":1,"json":{"age":10,"name":"carlos"}},{"_id":2,"json":{"age":10,"name":"carlos"}}]}';

var jsonData = JSON.parse(arrayResults);
alert (jsonData.files.length);

for (var i = 0; i < jsonData.files.length; i++) {
    var file = jsonData.files[i];
    alert(file.json.name + " " + file._id + " is " + file.json.age);
}

Your original code had some mistakes, but by studying this response, you should be able to overcome them and make progress with your project.

Answer 2

If you're unsure about what you need, the code below demonstrates how to iterate through your data and display interesting facts about each piece:

var arrayResults = '{"files":' + '[{"_id":1,"json":{"age":10,"name":"carlos"}},{"_id":2,"json":{"age":10,"name":"carlos"}}]}';

var jsonData = JSON.parse(arrayResults);
alert (jsonData.files.length);

for (var i = 0; i < jsonData.files.length; i++) {
    var file = jsonData.files[i];
    alert(file.json.name + " " + file._id + " is " + file.json.age);
}

Your original code had some mistakes, but by studying this response, you should be able to overcome them and make progress with your project.

Answer 3

Answer №2

let dataString = '{"items":' + '[{"_id":1,"content":{"price":50,"name":"John"}},{"_id":2,"content":{"price":20,"name":"Sarah"}}]}';

//console.log(dataString.items.length);
let jsonData = JSON.parse(dataString);

alert(jsonData.items.length);

for (let index = 0; index < jsonData.items.length; index++) {

let item = jsonData.items[index];
alert(item.content.price);
//Counter_name is not defined anywhere in the code
//alert(item.counter_name);
}

Answer 4

let dataString = '{"items":' + '[{"_id":1,"content":{"price":50,"name":"John"}},{"_id":2,"content":{"price":20,"name":"Sarah"}}]}';

//console.log(dataString.items.length);
let jsonData = JSON.parse(dataString);

alert(jsonData.items.length);

for (let index = 0; index < jsonData.items.length; index++) {

let item = jsonData.items[index];
alert(item.content.price);
//Counter_name is not defined anywhere in the code
//alert(item.counter_name);
}

Using JavaScript, pass an array containing a list of JSON values

Answer №1

Answer №2

Similar questions

Steps for updating text within an object in Angular

Retrieving items from JSON using JQ in a complex nested file without specific identifiers

Retrieving the class name using jQuery

Ways to automatically check a checkbox using jQuery

What is the best way to reference a const from a different class in React?

Encountering difficulties in the installation of a package within Next JS

Error-free ngClick doesn't trigger AngularJS controller method

React code is displaying as plain text and the components are not being rendered properly

The image will remain hidden until it is fully loaded and ready to be displayed

Tips for including a footer element in React:How can a footer division be

Adding elements to my state array - Utilizing Nextjs/React/Javascript

Is there a way to transfer textbox value to ng-repeat in AngularJS?

Single-use binding format

Simultaneously activate the 'onClick' and 'onClientClick' events on an ASP button using JavaScript

Retrieve the value of a specific inner field in a JSON document by targeting a key with jq

Modify key-value pairs in a JSON file with the ones from another JSON file using jq (at a different hierarchical level)

Javascript promise failing to deliver

Prevent Buttons from Being Clicked While Another is Active in Angular

Error: The function $setTimeout is not recognized

Creating a New Line in JSON Format Using Flask Python and Displaying it as HTML