Look for and choose various fields from a lengthy JSON object

Question

Look for and choose various fields from a lengthy JSON object

I am working with a JSON object that contains a large list of offerValue objects.

{
    "Code": 0,
    "response": "SUCCESS",
    "offerValue": [
        {
            "id": "111",
            "name": "ABC",
            "flag": "V" 
        },
        {
            "id": "222",
            "name": "DEF",
            "flag": "A"
        },
        {
            "id": "333",
            "name": "XYZ",
            "flag": "G"
        },
        {
            "id": "444",
            "name": "FER",
            "flag": "H"
        }
    ],
    "sessionId": null
}

With the use of ES6, my goal is to search for an object where name is "ABC", and if found, extract the corresponding flag value ("V" in this example).

javascript json

Answer 1

Answer №1

Hey Chris, big thanks for the shoutout...

Here's the solution to the query -

const jsonData = {
    "Code": 0,
    "response": "SUCCESS",
    "offerValue": [
        {
            "id": "111",
            "name": "ABC",
            "flag": "V" 
        },
        {
            "id": "222",
            "name": "DEF",
            "flag": "A"
        },
        {
            "id": "333",
            "name": "XYZ",
            "flag": "G"
        },
        {
            "id": "444",
            "name": "FER",
            "flag": "H"
        }
    ],
    "sessionId": null
}

const offersList = jsonData.offerValue;

const resultObj = offersList.find(({name}) => name === 'ABC');

if (resultObj){
console.log(resultObj.flag)
//additional logic goes here

}

Answer 2

Hey Chris, big thanks for the shoutout...

Here's the solution to the query -

const jsonData = {
    "Code": 0,
    "response": "SUCCESS",
    "offerValue": [
        {
            "id": "111",
            "name": "ABC",
            "flag": "V" 
        },
        {
            "id": "222",
            "name": "DEF",
            "flag": "A"
        },
        {
            "id": "333",
            "name": "XYZ",
            "flag": "G"
        },
        {
            "id": "444",
            "name": "FER",
            "flag": "H"
        }
    ],
    "sessionId": null
}

const offersList = jsonData.offerValue;

const resultObj = offersList.find(({name}) => name === 'ABC');

if (resultObj){
console.log(resultObj.flag)
//additional logic goes here

}

Answer 3

Answer №2

One way to streamline the array is by condensing it into a lone flag value. For instance:

const selectedFlag = obj.offerValue.reduce((accumulator, currentOffer) => {
if (currentOffer.name === 'ABC') return currentOffer.flag;
return accumulator;
}, null);

Answer 4

One way to streamline the array is by condensing it into a lone flag value. For instance:

const selectedFlag = obj.offerValue.reduce((accumulator, currentOffer) => {
if (currentOffer.name === 'ABC') return currentOffer.flag;
return accumulator;
}, null);

Look for and choose various fields from a lengthy JSON object

Answer №1

Answer №2

Similar questions

Fetching client-side data in a Functional Component using Next JS: The proper approach

How to retrieve data obtained from parsing readline and fs in node.js beyond the scope of the callback function

How can I extract only certain keys from a large JavaScript object while keeping the code concise?

Is it possible to use async in the onChange handler of a React event?

Is there a way to make all Bootstrap column heights equal using only jQuery?

What are the steps to incorporate ThreeJS' FontLoader in a Vue project?

The updateItem function in the JSGrid controller was not called

Preventing default behavior in a JQuery post request

Troubleshooting MySQL through PHP for errors

Having difficulty retaining the value of a variable following the retrieval of JSON data

The issue of passing state in React Router v4 Redirect unresolved

Is it possible to link fields with varying titles in NestJS?

How can we address the tagging directive problem of binding tags as an array of JSON objects and ensuring that tagging functions properly with the ng-keypress event?

Having trouble accessing the `then` property of undefined while utilizing Promise.all()?

Changing the background color of required inputs that are empty using jQuery

Apply Jquery to add emphasis to every item on the list

Creating an object with an array of objects as a field in MongoDB: A step-by-step guide

Determining if a swf file has loaded using JavaScript and swfobject

Managing numerical data in a CSV file using JavaScript and Google Visualization Table

Error encountered while attempting to convert CSV file: InvalidStateError