Javascript JSON is unable to retrieve the tag

Question

Javascript JSON is unable to retrieve the tag

Looking at this JSON structure:

{
    "armament": {
        "air_armament": [
            {
                "names": {
                    "russian_name": "R-60",
                    "NATO_name": "AA-8 Aphid"
                },
                "weight": "43.5",
                "explosive_capacity": "3",
                "dynamic_characteristics": {
                    "mach_speed": "2.7",
                    "range": "8",
                    "guidance_system": "infrared"
                },
                "website": "https://en.wikipedia.org/wiki/R-60_(missile)"
            },
            {
                "names": {
                    "russian_name": "R-27",
                    "NATO_name": "AA-10 Alamo"
                },
                "weight": "253",
                "explosive_capacity": "39",
                "dynamic_characteristics": {
                    "mach_speed": "4.5",
                    "range": "80",
                    "guidance_system": "radar"
                },
                "website": "https://en.wikipedia.org/wiki/R-27_(air-to-air_missile)"
            },

            ...

        ]
    }
}

I have a task to extract all the NATO names from the list of air-to-surface missiles, but my current code doesn't seem to be working as expected. Here's what I've tried so far:

function loadList(jsonObj){
            surfaceMissiles = jsonObj.armament.air_surface_missiles;

            for (var i = 0; i < surfaceMissiles.length; i++) {
                natoName = surfaceMissiles[i].names.NATO_name;
                document.getElementById("result").innerHTML += natoName + "<br>";
            }
        }

Unfortunately, it seems like I'm unable to access the specific node I need. Can someone provide guidance on how to solve this issue and successfully retrieve the NATO names from the surface missiles in the JSON data?

javascript json

Answer 1

Answer №1

Let's start by addressing an issue with a typo in the code snippet below:

var avi = obj_Json.armamento.misil_aire_superficie;

//The corrected version should be (be sure to use var to avoid global scope pollution)
var avi = obj_Json.armament.misil_aire_superficie;

Next, ensure that you correctly parse the JSON object using JSON.parse(yourJsonStringGoesHere) either before passing it to cargarLista() or as the initial step in your function.

var obj = JSON.parse(obj_Json);

Answer 2

Let's start by addressing an issue with a typo in the code snippet below:

var avi = obj_Json.armamento.misil_aire_superficie;

//The corrected version should be (be sure to use var to avoid global scope pollution)
var avi = obj_Json.armament.misil_aire_superficie;

Next, ensure that you correctly parse the JSON object using JSON.parse(yourJsonStringGoesHere) either before passing it to cargarLista() or as the initial step in your function.

var obj = JSON.parse(obj_Json);

Answer 3

Answer №2

The reason for this error is actually a simple typo that needs to be corrected.

    avi = obj_Json.armamento.misil_aire_superficie;

The correct line should read:

    avi = obj_Json.armament.misil_aire_superficie;

Answer 4

The reason for this error is actually a simple typo that needs to be corrected.

    avi = obj_Json.armamento.misil_aire_superficie;

The correct line should read:

    avi = obj_Json.armament.misil_aire_superficie;

Answer 5

Answer №3

Before proceeding, it's important to clarify whether you are dealing with JSON data in string format or as a JSON object.

If the JSON is in string format, you can use the following approach:

function loadList(jsonString){
            json_obj = JSON.parse(jsonString);
            air_missiles = json_obj.armament.air_surface_missile;


            for (var i = 0; i < air_missiles.length; i++) {
                missileId = air_missiles[i].names.nato_name;
                document.getElementById("p1").innerHTML += missileId + "<br>";
            }
        }

After parsing the JSON, you can access the data using "

var missile = json_obj.armament.air_surface_missile;

"

Answer 6

Before proceeding, it's important to clarify whether you are dealing with JSON data in string format or as a JSON object.

If the JSON is in string format, you can use the following approach:

function loadList(jsonString){
            json_obj = JSON.parse(jsonString);
            air_missiles = json_obj.armament.air_surface_missile;


            for (var i = 0; i < air_missiles.length; i++) {
                missileId = air_missiles[i].names.nato_name;
                document.getElementById("p1").innerHTML += missileId + "<br>";
            }
        }

After parsing the JSON, you can access the data using "

var missile = json_obj.armament.air_surface_missile;

"

Javascript JSON is unable to retrieve the tag

Answer №1

Answer №2

Answer №3

Similar questions

Exploring Unanchored Substring Queries in Loopback API

Show only the objects in a MongoDB collection that have a matching status in another collection

Utilizing Literal and Instance Formats in JavaScript

Locate the closest pals near my present whereabouts

Exploring the Possibilities of Socket.io Integration with Express 4 Across Multiple Pages: Dive Into Socket.io Sample Code

Concealing JSON attributes in Jersey's RESTful services

Having trouble with an onClick function not working on a .php webpage?

Creating a JavaScript function triggered by a click event that will redirect to

"Combining Angular and jQuery for powerful web development

Creating an installation package for an Electron application on Windows

What steps should I follow to run my JavaScript application locally on Linux Mint?

Storing a component in browser storage using JavaScript and Angular

Warning: The use of the outdated folder mapping "./" in the "exports" field for module resolution in the package located at node_modulespostcsspackage.json is deprecated

Arrange the array to show 8 elements, ensuring to first review the likes object within the array

Unable to invoke the setState function within the onSubmit handler of Formik

how to use jquery to indicate that a checkbox is selected

Utilizing PHP for XML exportation and fetching it through AJAX to integrate it into the DOM, unfortunately, the XML content remains invisible

SharePoint 2013 only allows the first AJAX request to work successfully, except when in Edit Mode

Styling extracted content using headless browsing algorithm

Executing a child function from the parent component in React 16