Retrieving individual property from JSON with an array of values provided

Question

Retrieving individual property from JSON with an array of values provided

Is there a way to extract names from the provided JSON, based on an array of IDs?

[
   {
      "id": 0,
      "name": "salesTransNo"
   },
   {
      "id": 1,
      "name": "terminalNo"
   },
   {
      "id": 2,
      "name": "salesTransDate"
   },
   {
      "id": 3,
      "name": "salesTransTime"
   },
   {
      "id": 4,
      "name": "exceptionAmount"
   },
   {
      "id": 5,
      "name": "laneNumber"
   }
]

The desired outcome is to have an array containing only the names from the JSON data, given an array of id values.

For example: array of ids: [2, 4, 5]

The expected output should be:

["salesTransDate", "exceptionAmount", "LaneNumber"]

How can this be achieved using Lodash or JavaScript?

I attempted to use _.find and _.map to retrieve only the name from the result. However, it seems to work only for a single value input, rather than an array like [2, 4, 5].

javascript typescript lodash

Answer 1

Answer №1

To get the desired property, first filter the objects and then extract the wanted property.

var dataset = [{ index: 0, title: "salesTransNo" }, { index: 1, title: "terminalNo" }, { index: 2, title: "salesTransDate" }, { index: 3, title: "salesTransTime" }, { index: 4, title: "exceptionAmount" }, { index: 5, title: "laneNumber" }],
    indices = [2, 4, 5],
    output = dataset
        .filter(({ index }) => indices.includes(index))
        .map(({ title }) => title);

console.log(output);

Answer 2

To get the desired property, first filter the objects and then extract the wanted property.

var dataset = [{ index: 0, title: "salesTransNo" }, { index: 1, title: "terminalNo" }, { index: 2, title: "salesTransDate" }, { index: 3, title: "salesTransTime" }, { index: 4, title: "exceptionAmount" }, { index: 5, title: "laneNumber" }],
    indices = [2, 4, 5],
    output = dataset
        .filter(({ index }) => indices.includes(index))
        .map(({ title }) => title);

console.log(output);

Answer 3

Answer №2

Working with Vanilla JavaScript:

const data = [
   { "id": 0, "name": "salesTransNo" },
   { "id": 1, "name": "terminalNo" },
   { "id": 2, "name": "salesTransDate" },
   { "id": 3, "name": "salesTransTime" },
   { "id": 4, "name": "exceptionAmount" },
   { "id": 5, "name": "laneNumber" }
];

const indexes = data.map(item => item.id);

const id = 4; // Desired data.id item
const selectedName = data[indexes.indexOf(id)].name;

If you need to retrieve multiple results, you can create a function like this:

function getNamesFromData ( idsList ) {
   const result = [];
   idsList.forEach(id => {
      const indexes = data.map(item => item.id);
      const selectedName = data[indexes.indexOf(id)].name;
      result.push(selectedName);
   });
   return result;
}

getNamesFromData([2, 4, 5]); // Returns ["salesTransDate", "exceptionAmount", "laneNumber"]

Note: Error handling is omitted for simplicity. It's advisable to handle cases where indexOf() returns -1.

Answer 4

Working with Vanilla JavaScript:

const data = [
   { "id": 0, "name": "salesTransNo" },
   { "id": 1, "name": "terminalNo" },
   { "id": 2, "name": "salesTransDate" },
   { "id": 3, "name": "salesTransTime" },
   { "id": 4, "name": "exceptionAmount" },
   { "id": 5, "name": "laneNumber" }
];

const indexes = data.map(item => item.id);

const id = 4; // Desired data.id item
const selectedName = data[indexes.indexOf(id)].name;

If you need to retrieve multiple results, you can create a function like this:

function getNamesFromData ( idsList ) {
   const result = [];
   idsList.forEach(id => {
      const indexes = data.map(item => item.id);
      const selectedName = data[indexes.indexOf(id)].name;
      result.push(selectedName);
   });
   return result;
}

getNamesFromData([2, 4, 5]); // Returns ["salesTransDate", "exceptionAmount", "laneNumber"]

Note: Error handling is omitted for simplicity. It's advisable to handle cases where indexOf() returns -1.

Answer 5

Answer №3

let elements = [{
    "id": 0,
    "name": "orderNumber"
  },
  {
    "id": 1,
    "name": "customerName"
  },
  {
    "id": 2,
    "name": "orderDate"
  },
  {
    "id": 3,
    "name": "totalAmount"
  },
  {
    "id": 4,
    "name": "deliveryAddress"
  },
  {
    "id": 5,
    "name": "paymentMethod"
  }
]

let selectedElements = elements.filter(elements => [1, 3, 5].includes(elements.id));

for (let item of selectedElements)
{console.log(item.name);}

Answer 6

let elements = [{
    "id": 0,
    "name": "orderNumber"
  },
  {
    "id": 1,
    "name": "customerName"
  },
  {
    "id": 2,
    "name": "orderDate"
  },
  {
    "id": 3,
    "name": "totalAmount"
  },
  {
    "id": 4,
    "name": "deliveryAddress"
  },
  {
    "id": 5,
    "name": "paymentMethod"
  }
]

let selectedElements = elements.filter(elements => [1, 3, 5].includes(elements.id));

for (let item of selectedElements)
{console.log(item.name);}

Answer 7

Answer №4

To achieve this, you can utilize lodash's chain method by incorporating _.keyBy(), _.at(), and _.map():

var data = [{ id: 0, name: "salesTransNo" }, { id: 1, name: "terminalNo" }, { id: 2, name: "salesTransDate" }, { id: 3, name: "salesTransTime" }, { id: 4, name: "exceptionAmount" }, { id: 5, name: "laneNumber" }];
var ids = [2, 4, 5];

var result = _(data)
  .keyBy('id') // transform into a dictionary based on id
  .at(ids) // retrieve items with matching ids from the array
  .map('name') // extract the names
  .value();
  
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 8

To achieve this, you can utilize lodash's chain method by incorporating _.keyBy(), _.at(), and _.map():

var data = [{ id: 0, name: "salesTransNo" }, { id: 1, name: "terminalNo" }, { id: 2, name: "salesTransDate" }, { id: 3, name: "salesTransTime" }, { id: 4, name: "exceptionAmount" }, { id: 5, name: "laneNumber" }];
var ids = [2, 4, 5];

var result = _(data)
  .keyBy('id') // transform into a dictionary based on id
  .at(ids) // retrieve items with matching ids from the array
  .map('name') // extract the names
  .value();
  
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 9

Answer №5

To find the common elements between two arrays, you can utilize the lodash#intersectionWith method. Remember to pass the collection first, followed by the IDs and finally the comparator function.

var result = _.intersectionWith(data, ids, (a, b) => a.id == b);

var data = [{
    id: 0,
    name: "productCode"
  }, {
    id: 1,
    name: "productName"
  }, {
    id: 2,
    name: "category"
  }, {
    id: 3,
    name: "price"
  }],
  ids = [1, 3];
  
var result = _.intersectionWith(data, ids, (a, b) => a.id == b);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 10

To find the common elements between two arrays, you can utilize the lodash#intersectionWith method. Remember to pass the collection first, followed by the IDs and finally the comparator function.

var result = _.intersectionWith(data, ids, (a, b) => a.id == b);

var data = [{
    id: 0,
    name: "productCode"
  }, {
    id: 1,
    name: "productName"
  }, {
    id: 2,
    name: "category"
  }, {
    id: 3,
    name: "price"
  }],
  ids = [1, 3];
  
var result = _.intersectionWith(data, ids, (a, b) => a.id == b);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Retrieving individual property from JSON with an array of values provided

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Assigning a value to an Angular class variable within the subscribe method of an HTTP

Exploring Computed Properties in Angular Models

Troubleshooting: Stage element not being recognized by Angular and CreateJS

How is it that the callback method in the subscribe function of the root component gets triggered every time I navigate between different pages within the application?

Is it necessary to always pause before I click?

Having trouble enabling push notifications on Android with ngCordova

Reveal concealed content when a responsive table becomes scrollable on a mobile device

Utilizing Sinon.js in Node.js to conduct unit tests on Postgres interactions

Testing React JSX components using ES6 unit tests

Guide to setting a generic key restriction on a function parameter

Troubleshooting script error: Dealing with Ineffective Redirects

Is it possible to retrieve data from a particular index within an array using Mongoose

When the phone locks, Socket.io experiences a disconnection

Unable to retrieve event data and integrate it into HTML using jQuery

Which should take precedence: EffectComposer or Z-Buffers in rendering?

What's the best way to adjust the width of the <Input> component in Reactstrap?

Refreshing Angular 4 route upon modification of path parameter

A Guide to Implementing Schema.virtual in TypeScript

Tips for creating animated navigation buttons that guide users to specific sections within interior pages

Using React - How to access prop values within child menus of Ant Design Dropdown