Arrange the Json array by key value in a different order

Question

Arrange the Json array by key value in a different order

I have a contact list that is returning in a lengthy form, organized based on order of entry. I am looking to alphabetically sort the list by displayName which is nested within the main array. Can anyone assist with this challenge using JavaScript? Thank you for any help provided!

{
"0":
{"id":1,"rawId":null,"displayName":"Person 1","name":null,"nickname":null,"phoneNumbers":[{"type":"mobile","value":"phonenumb53534r","id":0,"pref":false}],"emails":null,"addresses":null,"ims":null,"organizations":null,"birthday":null,"note":null,"photos":null,"categories":null,"urls":null},
"1":
{"id":2,"rawId":null,"displayName":"Person 2","name":null,"nickname":null,"phoneNumbers":[{"type":"mobile","value":"phonenumber535345","id":0,"pref":false}],"emails":null,"addresses":null,"ims":null,"organizations":null,"birthday":null,"note":null,"photos":null,"categories":null,"urls":null},
"2":
{"id":3,"rawId":null,"displayName":"Person 3","name":null,"nickname":null,"phoneNumbers":[{"type":"mobile","value":"phonenumber47474","id":0,"pref":false}],"emails":null,"addresses":null,"ims":null,"organizations":null,"birthday":null,"note":null,"photos":null,"categories":null,"urls":null}, more entries follow

javascript json

Answer 1

Answer №1

JavaScript objects do not have a built-in order. When dealing with arrays, you can manipulate them directly. However, if you are working with objects, you need to convert them into an array first:

var arrayOfObjects = [];

for (item in object) {
    if (object.hasOwnProperty(item)) {
        arrayOfObjects.push(object[item]);
    }
}

It would be ideal to perform this conversion even before receiving the JSON data. Once you have the array of objects, you can easily sort it using the standard .sort method.

arrayOfObjects.sort(function (a, b) {
    if (a.name < b.name) {
        return -1;
    } else if (a.name > b.name) {
        return 1;
    }
    return 0;
});

http://jsfiddle.net/YzP8T/

Answer 2

JavaScript objects do not have a built-in order. When dealing with arrays, you can manipulate them directly. However, if you are working with objects, you need to convert them into an array first:

var arrayOfObjects = [];

for (item in object) {
    if (object.hasOwnProperty(item)) {
        arrayOfObjects.push(object[item]);
    }
}

It would be ideal to perform this conversion even before receiving the JSON data. Once you have the array of objects, you can easily sort it using the standard .sort method.

arrayOfObjects.sort(function (a, b) {
    if (a.name < b.name) {
        return -1;
    } else if (a.name > b.name) {
        return 1;
    }
    return 0;
});

http://jsfiddle.net/YzP8T/

Answer 3

Answer №2

To utilize the responseText, you must first convert it into JSON format. This initial format will need to be transformed into an array before sorting can occur using a custom function comparator.

let jsonData = JSON.parse(response);
let dataArray = [];

for (let prop in jsonData) {
    dataArray.push(jsonData[prop]);
}

dataArray.sort(function (x, y) {
    return x.name > y.name;
});

Answer 4

To utilize the responseText, you must first convert it into JSON format. This initial format will need to be transformed into an array before sorting can occur using a custom function comparator.

let jsonData = JSON.parse(response);
let dataArray = [];

for (let prop in jsonData) {
    dataArray.push(jsonData[prop]);
}

dataArray.sort(function (x, y) {
    return x.name > y.name;
});

Arrange the Json array by key value in a different order

Answer №1

Answer №2

Similar questions

There seems to be an issue with Jquery not triggering the Webservice method in the Firefox browser, despite it working successfully in Chrome

Expanding Java Classes and Replacing Methods with Multiple Parameters in ES4X/Graal

Creating a JavaScript anchor through a backend bean function

Error: Attempting to use the 'append' method on an object that does not support the FormData interface

What is causing my Fabric.js canvas to malfunction?

Tips for ensuring an animation is triggered only after Angular has fully initialized

"Make sure to tick the checkbox if it's not already selected,

The utility of commander.js demonstrated in a straightforward example: utilizing a single file argument

Incorporating a swisstopo map from an external source into an Angular

What methods can be used to get npx to execute a JavaScript cli script on a Windows operating system

Retrieve information from a controller and pass it to a Component in AngularJs

Issue with MVC 4 C# - Implementing column chart visualization using json object in Google chart

Utilize data binding in Typescript to easily link variables between a service and controller for seamless utilization

What is the reason for Vue not updating the component after the Pinia state is modified (when deleting an object from an Array)?

Learn how to integrate ES6 features into your nodejs/expressjs application using either Gulp or Webpack

The communication breakdown between Jquery and PHP caused a malfunction

Angular rxjs: Wait for another Observable to emit before subscribing

A beginner's guide to using Jasmine to test $http requests in AngularJS

What is the best way to showcase top-rated posts from my feed of posts?

Can an action be activated when the mouse comes to a halt?