Retrieving data from a JSON object using JavaScript

Question

Retrieving data from a JSON object using JavaScript

{
   "questions_id":[
      "7",
      "9",
      "2"
   ],
   "select_param_type":[
      "is greater than",
      "is less than",
      "is less than"
   ],
   "select_param_value":[
      "2",
      "4",
      "2"
   ],
   "radio_type":[
      "and",
      "or",
   ]
}

I want to interpret the JSON data in this sequence:

questions_id, select_param_type, select_param_value, radio_type

.

An example format would be:

["7", "is greater than", "2", "and", "9", "is less than", "4", "or", "2", "is less than",  "2" ]

The radio_type acts as the connection point between different Array levels.

Any suggestions on how I can accomplish this task?

Thank you.

javascript arrays json

Answer 1

Answer №1

If you have an array of keys and need to retrieve the value associated with a specific index, you can do so by mapping the index to the corresponding value in the array. Remember to remove any trailing undefined values at the end.

var data = { questions_id: ["7", "9", "2"], select_param_type: ["is greater than", "is less than", "is less than"], select_param_value: ["2", "4", "2"], radio_type: ["and", "or"] },
    order = ['questions_id', 'select_param_type', 'select_param_value', 'radio_type'],
    result = [],
    i = 0;

do result.push(...order.map(k => data[k][i]));
while (data.radio_type[i++])

result.pop();

console.log(result.join(' '));
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

If you have an array of keys and need to retrieve the value associated with a specific index, you can do so by mapping the index to the corresponding value in the array. Remember to remove any trailing undefined values at the end.

var data = { questions_id: ["7", "9", "2"], select_param_type: ["is greater than", "is less than", "is less than"], select_param_value: ["2", "4", "2"], radio_type: ["and", "or"] },
    order = ['questions_id', 'select_param_type', 'select_param_value', 'radio_type'],
    result = [],
    i = 0;

do result.push(...order.map(k => data[k][i]));
while (data.radio_type[i++])

result.pop();

console.log(result.join(' '));
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

Here is a solution for you

let jsonData = {
   "questions_id":[
      "7",
      "9",
      "2"
   ],
   "select_param_type":[
      "is greater than",
      "is less than",
      "is less than"
   ],
   "select_param_value":[
      "2",
      "4",
      "2"
   ],
   "radio_type":[
      "and",
      "or",
   ]
};

let orderingKey = ["questions_id", "select_param_type", "select_param_value", "radio_type"];

let finalResult = [];

orderingKey.map(key => {
  finalResult.push(...jsonData[key]);
});

console.log(finalResult);

Iterate through the orderingKey array to access the keys and use the spread operator to combine the values of those keys.

Answer 4

Here is a solution for you

let jsonData = {
   "questions_id":[
      "7",
      "9",
      "2"
   ],
   "select_param_type":[
      "is greater than",
      "is less than",
      "is less than"
   ],
   "select_param_value":[
      "2",
      "4",
      "2"
   ],
   "radio_type":[
      "and",
      "or",
   ]
};

let orderingKey = ["questions_id", "select_param_type", "select_param_value", "radio_type"];

let finalResult = [];

orderingKey.map(key => {
  finalResult.push(...jsonData[key]);
});

console.log(finalResult);

Iterate through the orderingKey array to access the keys and use the spread operator to combine the values of those keys.

Answer 5

Answer №3

Give this code a try

const data = {
    "questions_id":[
        "12",
        "5",
        "8"
    ],
    "select_param_type":[
        "is equal to",
        "contains",
        "starts with"
    ],
    "select_param_value":[
        "apple",
        "xyz",
        "abc"
    ],
    "radio_type":[
        "and",
        "or",
    ]
}

const categories = ["questions_id", "select_param_type", "select_param_value", "radio_type"];

let finalResult = [];

categories.map((category, idx) => {
    for(let entry in data) {
        if (data[entry][idx]) {
            finalResult.push(data[entry][idx])
        }
    }
});

console.log(finalResult);

The output will be

["12", "is equal to", "apple", "and", "5", "contains", "xyz", "or", "8", "starts with", "abc" ]

Answer 6

Give this code a try

const data = {
    "questions_id":[
        "12",
        "5",
        "8"
    ],
    "select_param_type":[
        "is equal to",
        "contains",
        "starts with"
    ],
    "select_param_value":[
        "apple",
        "xyz",
        "abc"
    ],
    "radio_type":[
        "and",
        "or",
    ]
}

const categories = ["questions_id", "select_param_type", "select_param_value", "radio_type"];

let finalResult = [];

categories.map((category, idx) => {
    for(let entry in data) {
        if (data[entry][idx]) {
            finalResult.push(data[entry][idx])
        }
    }
});

console.log(finalResult);

The output will be

["12", "is equal to", "apple", "and", "5", "contains", "xyz", "or", "8", "starts with", "abc" ]

Retrieving data from a JSON object using JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Learn the process of flipping an element when a button is clicked!

Locate the destination URL in Fancybox

Jackson: decoding nested arrays

Transferring PHP variables to Javascript variables

How to Customize the Navbar Position in Bootstrap 3 when the Brand/Logo is Collapsed

Is there a way to link dynamic server fields with VueJS?

Currently, I am attempting to retrieve text input through the use of AngularJS

Exercises from the Shader Scriptures

Struggling to grasp the concept of Linked lists in the C language because of a lack of comfort with Pointers? Just take it slow and steady as a beginner

Trouble with React Material Select Options Failing to Populate

Deciphering intricate JSON values using the Lift-JSON library

Json with ExtJs columns data is fully populated

Issue: It seems like there is an error with using functions as a React child. Uncertain about the exact location

Transferring information between functions

Executing a series of AJAX requests within a loop

What is the best way to manage communication with a database in a Node.js application?

Updating Variables Declared in Parent Component from a Child Component in React using NextJS - A Comprehensive Guide

Opt for utilizing a global npm package over repeatedly installing it

Arranging elements on top of a fixed element using JavaScript and CSS

Unusual JavaScript Bug: Uncaught TypeError - Unable to access property 'url' of null