"Exploring the Possibilities of AngularJS with JSON

Question

"Exploring the Possibilities of AngularJS with JSON

Here is some JSON data that I am working with:

  {
            "_id" : ObjectId("542e65368a1cec1227ae2bac"),
            "result" : {
                    "full" : {
                            "Array1" : [
                                    "mytext1",
                                    "mytext2"
                            ],
                            "Array2" : [
                                    "mytext3",
                                    "mytext4"
                            ]
                    }
            }
    }

To retrieve everything: OK

console.log("response ", response);

To get the _id value: OK

console.log("_id ", response._id);

However, I am having trouble accessing mytext1, mytext2, and so on...

How can I proceed using angularjs?

Thank you for your assistance!

javascript json arrays

Answer 1

Answer №1

response, result, and full are all objects, while Array1 and Array2 are arrays.

To access the first item in Array1:

response.result.full.Array1[0]

To access the second item in Array1:

response.result.full.Array1[1]

To access the first item in Array2:

response.result.full.Array2[0]

To access the second item in Array2:

response.result.full.Array2[1]

If you need to log every item in an array, you can use a simple for...loop:

var arr = response.result.full.Array1;
for (var i = 0, l = arr.length; i < l; i++) {
  console.log(arr[i]);
}

Answer 2

response, result, and full are all objects, while Array1 and Array2 are arrays.

To access the first item in Array1:

response.result.full.Array1[0]

To access the second item in Array1:

response.result.full.Array1[1]

To access the first item in Array2:

response.result.full.Array2[0]

To access the second item in Array2:

response.result.full.Array2[1]

If you need to log every item in an array, you can use a simple for...loop:

var arr = response.result.full.Array1;
for (var i = 0, l = arr.length; i < l; i++) {
  console.log(arr[i]);
}

Answer 3

Answer №2

let data = {
        "_id" : "abcdefg123456789",
        "output": {
                "complete" : {
                        "List1" : [
                                "word1",
                                "word2"
                        ],
                        "List2" : [
                                "word3",
                                "word4"
                        ]
                }
        }
};

//Loop through the arrays List1, List2 (and any additional ones)
for(let list in data.output.complete)
{
    //Loop through the elements of each array
    for(let j = 0; j < data.output.complete[list].length; j++)
    {
        console.log(data.output.complete[list][j]);
    }
}

Answer 4

let data = {
        "_id" : "abcdefg123456789",
        "output": {
                "complete" : {
                        "List1" : [
                                "word1",
                                "word2"
                        ],
                        "List2" : [
                                "word3",
                                "word4"
                        ]
                }
        }
};

//Loop through the arrays List1, List2 (and any additional ones)
for(let list in data.output.complete)
{
    //Loop through the elements of each array
    for(let j = 0; j < data.output.complete[list].length; j++)
    {
        console.log(data.output.complete[list][j]);
    }
}

"Exploring the Possibilities of AngularJS with JSON

Answer №1

Answer №2

Similar questions

Destructuring and For of Loop in ES6: Capturing the first object only

Verify whether the values in two columns across distinct tables are matching and provide a result

Is there a way to transfer HTML code from a textarea to CKEDITOR for setData?

Is there a way to remove the initial number entered on a calculator's display in order to prevent the second number from being added onto the first one?

Can someone provide an explanation of the Typescript peerDependencies in Angular, specifically comparing versions tslib 1.* and 2.3.*?

What steps should I follow to display three.js in a web browser?

The consistent failure of the 201 status node express API is causing major

Altering Collada texture information during the loading process of the .jpg file

How can I arrange a JQM list view alphabetically?

What is the best way to organize divs in a grid layout that adapts to different screen sizes, similar to the style

Implementing functionality to switch classes when clicking outside an element using Jquery

The HTML view is unable to display the CSS style due to a MIME-type error

Using V-for to iterate over a multi-dimensional array

Invalid web address entered

The issue of Segmentation fault in C programming when using an array inside a

A guide to sending multiple data using Ajax or Json in Javascript

Establish custom zones for every grouping on the y axis

Touch screen scrolling has been observed to significantly reduce the speed of AJAX downloads in Chrome

How to create a custom hover effect for IconButtons in Material-UI

Samsung Galaxy S7 can interpret alphabetical parameters as numbers in a link sent via SMS