Sort JSON data based on keys (not values)

Question

Sort JSON data based on keys (not values)

I have the following JSON data:

json = [{
    "code3": "ALB",
    "asset": 9,
    "biodiversity": 4,
    "infrastructure": 15
}, {
    "code3": "GHN",
    "asset": 4,
    "biodiversity": 5,
    "infrastructure": 5,
}, {
    "code3": "TGO",
    "asset": 3,
    "biodiversity": 6,
    "infrastructure": 7
}]

My goal is to filter it down to the following using a for loop:

result = [{
    "code3": "ALB",
    "asset": 9
}, {
    "code3": "GHN",
    "asset": 4
}, {
    "code3": "TGO",
    "asset": 3
}]

I want to know the most efficient way to achieve this. I am aware that I could use

json.forEach(j => del j["infrastructure"] ...

or similar, but I specifically want to filter based on the keys code3, asset.

javascript json filter

Answer 1

Answer №1

This code snippet demonstrates how to use the map method in JavaScript:

let json = [
     {
          "code3": "ALB",
          "asset": 9,
          "biodiversity": 4,
          "infrastructure": 15
     },
     {
          "code3": "GHN",
          "asset": 4,
          "biodiversity": 5,
          "infrastructure": 5,
      },
      {
           "code3": "TGO",
           "asset": 3,
           "biodiversity": 6,
           "infrastructure": 7
      }
];

let result = json.map(({code3, asset}) => ({code3, asset}));

console.log(result);

If you're unfamiliar with the map method, it creates a new array by applying a function to each element of the existing array.

The provided example above helps illustrate how the map method works in practice.

let nums = [0, 1, 2, 3];
let add1 = n => n + 1;

// These two statements are equivalent:
nums = [add1(num[0]), add1(num[1]), add1(num[2]), add1(num[3])];
nums = nums.map(add1);

The code also utilizes object destructuring to extract input values from the arrow function.
Moreover, object shorthand properties simplify returning results from the function.

let a = 'foo', b = 42, c = {};
let o = {a, b, c}

// o = { a: 'foo', b: 42, c: {} }

Understanding these concepts should enhance your comprehension and utilization of JavaScript programming.

Answer 2

This code snippet demonstrates how to use the map method in JavaScript:

let json = [
     {
          "code3": "ALB",
          "asset": 9,
          "biodiversity": 4,
          "infrastructure": 15
     },
     {
          "code3": "GHN",
          "asset": 4,
          "biodiversity": 5,
          "infrastructure": 5,
      },
      {
           "code3": "TGO",
           "asset": 3,
           "biodiversity": 6,
           "infrastructure": 7
      }
];

let result = json.map(({code3, asset}) => ({code3, asset}));

console.log(result);

If you're unfamiliar with the map method, it creates a new array by applying a function to each element of the existing array.

The provided example above helps illustrate how the map method works in practice.

let nums = [0, 1, 2, 3];
let add1 = n => n + 1;

// These two statements are equivalent:
nums = [add1(num[0]), add1(num[1]), add1(num[2]), add1(num[3])];
nums = nums.map(add1);

The code also utilizes object destructuring to extract input values from the arrow function.
Moreover, object shorthand properties simplify returning results from the function.

let a = 'foo', b = 42, c = {};
let o = {a, b, c}

// o = { a: 'foo', b: 42, c: {} }

Understanding these concepts should enhance your comprehension and utilization of JavaScript programming.

Answer 3

Answer №2

To achieve this, you can utilize the .map method:

let data = [
     {
          "name": "John",
          "age": 25,
          "city": "New York"
     },
     {
          "name": "Alice",
          "age": 30,
          "city": "Los Angeles"
      },
      {
           "name": "Bob",
           "age": 21,
           "city": "Chicago"
      }
];

let newData = data.map(item => {
     return {
          name: item.name,
          age: item.age
     }
});

console.log(newData);

Answer 4

To achieve this, you can utilize the .map method:

let data = [
     {
          "name": "John",
          "age": 25,
          "city": "New York"
     },
     {
          "name": "Alice",
          "age": 30,
          "city": "Los Angeles"
      },
      {
           "name": "Bob",
           "age": 21,
           "city": "Chicago"
      }
];

let newData = data.map(item => {
     return {
          name: item.name,
          age: item.age
     }
});

console.log(newData);

Sort JSON data based on keys (not values)

Answer №1

Answer №2

Similar questions

Angular 4, Trouble: Unable to resolve parameters for StateObservable: (?)

Creating subdocuments with input types in MERN stack using Apollo Sandbox and MongoDB mutations

Checkbox column within GridView allows users to select multiple items at once. To ensure only one item is selected at a

Creating JSON objects by using the list name as the key in Python

Creating an engaging Uikit modal in Joomla to captivate your audience

What is the reason for the clearInterval consistently functioning after the completion of the function?

Encoding a multidimensional associative array into JSON using PHP

Refine your search with Angular filter for nested properties

Papaparse and vfile not functioning properly - Output appears jumbled

Issue with extended waiting times in polling

What is the best method for dynamically increasing the data in a shopping cart?

How can I restrict the draggable space? It is only working on the top and left sides, but I want to disable it on the right and bottom

React Router relies on a DOM for Browser History to function properly

Enhancing an identity function with type hinting

Transforming Kilobytes Memory Measurements to Megabytes using JSON Path Query Result

The Jquery script is ineffective for newly added elements

Style slipping away when dynamically altering CSS file with JavaScript

Can new content be incorporated into an existing JSON file using HTML input and the fs.writeFile function?

Is it possible to convert nested CSS into Material-UI's CSS in JS method?

Difficulty with AngularJs Translation Partials