Transforming data from a JSON format into a JavaScript array

Question

Transforming data from a JSON format into a JavaScript array

I'm trying to convert a JSON string into an array containing the values from the JSON. When I use json.stringify(jsonmybe) and alert it, I see

[{"role":"noi_user"},{"role":"bert_user"}]

(which is in JSON format). My goal is to extract `noi_user` and `bert_user` and save them in a JavaScript array like ['noi_user','bert_user'], with quotes around each value.

After using var stringy = json.parse() and displaying the alert, I only see [object Object]. So, I added the following lines:

for (var i = 0; i < stringy.length; i++) {
    arr.push(stringy[i]['role']);
}

In the alert, I see `arr` as a single value with a comma missing between them. When displayed in a text field, it appears as one long string like noi_userbert_user.

Ultimately, I want to transform

[{"role":"noi_user"},{"role":"bert_user"}]

into ['noi_user','bert_user'].

javascript arrays json

Answer 1

Answer №1

To achieve your desired outcome, utilize JSON.parse and then apply the reduce function:

var data = `[{"role":"noi_user"},{"role":"bert_user"}]`

var roles = []
try {
  roles = JSON.parse(data).reduce((acc, val) => [...acc, val.role], [])
} catch (error){
  console.log("Invalid json")
}
console.log(roles)

Answer 2

To achieve your desired outcome, utilize JSON.parse and then apply the reduce function:

var data = `[{"role":"noi_user"},{"role":"bert_user"}]`

var roles = []
try {
  roles = JSON.parse(data).reduce((acc, val) => [...acc, val.role], [])
} catch (error){
  console.log("Invalid json")
}
console.log(roles)

Answer 3

Answer №2

Are you searching for this solution? You can iterate through your array and extract the role attribute from each data point.

const jsonData = ...
const dataArray = JSON.parse(jsonData).map(item => item.role);
console.log(JSON.stringify(dataArray, null, 2));

JSON utilizes double quotes to define strings and object keys.

Answer 4

Are you searching for this solution? You can iterate through your array and extract the role attribute from each data point.

const jsonData = ...
const dataArray = JSON.parse(jsonData).map(item => item.role);
console.log(JSON.stringify(dataArray, null, 2));

JSON utilizes double quotes to define strings and object keys.

Answer 5

Answer №3

Imagine you have a JSON string like this:

'[{"role":"noi_user"},{"role":"bert_user"}]'

Your goal is to convert it into an object, then extract the values of the "role" fields from each element and store them in an array.

The example JSON string contains an array of user objects with "role" fields. The code below takes this list, iterates through each user object, and adds the roles to a separate array called roleList.

var jsonStr = '[{"role":"noi_user"},{"role":"bert_user"}]';
    
var userObjList = JSON.parse(jsonString);
var roleList = [];
userObjList.forEach(userObj => {
    roleList.push(userObj.role);
});
console.log(roleList);

Answer 6

Imagine you have a JSON string like this:

'[{"role":"noi_user"},{"role":"bert_user"}]'

Your goal is to convert it into an object, then extract the values of the "role" fields from each element and store them in an array.

The example JSON string contains an array of user objects with "role" fields. The code below takes this list, iterates through each user object, and adds the roles to a separate array called roleList.

var jsonStr = '[{"role":"noi_user"},{"role":"bert_user"}]';
    
var userObjList = JSON.parse(jsonString);
var roleList = [];
userObjList.forEach(userObj => {
    roleList.push(userObj.role);
});
console.log(roleList);

Answer 7

Answer №4

If you want to create a customized function in PHP that mimics the functionality of array_values but adds indentation and organizes the data into a 2D array, you can do so by following this example:

function custom_array_values_indented (input) {
  var temporaryArray = [];
  for (key in input) {
    temporaryArray.push(input[key]['role']);
  }
  return temporaryArray;
}

var objectData = JSON.parse('[{"role":"noi_user"},{"role":"bert_user"}]');
var output = custom_array_values_indented(objectData);
console.log(output);

Answer 8

If you want to create a customized function in PHP that mimics the functionality of array_values but adds indentation and organizes the data into a 2D array, you can do so by following this example:

function custom_array_values_indented (input) {
  var temporaryArray = [];
  for (key in input) {
    temporaryArray.push(input[key]['role']);
  }
  return temporaryArray;
}

var objectData = JSON.parse('[{"role":"noi_user"},{"role":"bert_user"}]');
var output = custom_array_values_indented(objectData);
console.log(output);

Transforming data from a JSON format into a JavaScript array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Generate a compilation of products developed with the help of angularjs

conceal elements using the <option> class隐藏

What is the best way to parse this JSON structure using restsharp in c#?

Utilizing PostgreSQL to extract fields from jsonb data

Is there a way to trigger a function with ng-click in my AngularJS directive?

Struggling to get a printout when parsing JSON in Swift

Simplified jQuery function for multiple div mouseover operations

Getting the expanded row columns values in a RadGrid when using the onHierarchyExpanded event

Tips for including parameters in an array of values when using getStaticPaths

Looking for a way to retrieve JSON data from an HTML page using JavaScript? Look no further

Activate the 'li' element within the 'ul' whenever a 'ui-sref' link on the

Creating an Extjs model for a complex nested JSON structure

Uploading photos to Postgres through express/multer

The jQuery AJAX call is successful in Firefox, but unfortunately, it is not working in Internet Explorer

React checkbox remains checked even after uncheckingIs this revised version

Continuously replicate SVG horizontally without limit

Validate forms using jQuery with the power of ajax

Utilize JavaScript to load images at random within a Qualtrics loop and merge block

"Techniques for incorporating a screen in Angular application (Switching between Edit and View modes) upon user interaction

JavaScript - What is the best way to add the same object value into an array?