Retrieve an array from a JSON object by accessing the corresponding key/value pair using the utility library underscore

Question

Retrieve an array from a JSON object by accessing the corresponding key/value pair using the utility library underscore

I have a dataset in JSON format (as shown below) and I am attempting to use the _.where method to extract specific values from within the dataset.

JSON File

"data": [{
    "singles_ranking": [116],
    "matches_lost": ["90"],
    "singles_high_rank": [79],
    "matches_won": ["170"],
    "singles_ranking/_source": ["116"],
    "year_matches_won": ["11"],
    "name": ["Pfizenmaier Dinah"],
    "gender": ["woman"],
    "_resultNumber": 1,
  },{etc},{etc}];

Currently, my approach for extracting values from the dataset is as follows:

var mappedPlayers = _.map(players,function(key,val){return key});
var filteredPlayers = _.where(mappedPlayers, {name:'Pfizenmaier Dinah'}); 
console.log(filteredPlayers);

This code currently outputs undefined. I am reasonably certain that the issue lies in the fact that the key values are stored within an array. However, I am uncertain about how I can modify the _.where condition in order to successfully retrieve the text stored within the value attribute.

If anyone could provide any assistance, it would be greatly appreciated. Thank you for taking the time to read!

javascript json underscore.js

Answer 1

Answer №1

To achieve this specific task, a different approach is needed as the ._where method cannot be used. However, you can utilize the _.filter function in the following manner:

var whereClause = {key: 'name', value: 'Pfizenmaier Dinah'};
var filteredData = _.filter(data, function (element) {
    // Check if the key exists in the object, verify if the value is an array, and determine if the where.value is present within the array.
    return element[whereClause.key] && _.isArray(element[whereClause.key]) && _.indexOf(element[whereClause.key], whereClause.value) >= 0;
});

For a practical demonstration of this solution, check out the example here.

Answer 2

To achieve this specific task, a different approach is needed as the ._where method cannot be used. However, you can utilize the _.filter function in the following manner:

var whereClause = {key: 'name', value: 'Pfizenmaier Dinah'};
var filteredData = _.filter(data, function (element) {
    // Check if the key exists in the object, verify if the value is an array, and determine if the where.value is present within the array.
    return element[whereClause.key] && _.isArray(element[whereClause.key]) && _.indexOf(element[whereClause.key], whereClause.value) >= 0;
});

For a practical demonstration of this solution, check out the example here.

Retrieve an array from a JSON object by accessing the corresponding key/value pair using the utility library underscore

Answer №1

Similar questions

Establishing a distinct registry for a particular package within the .npmrc configuration file

Consistentize Column Titles in Uploaded Excel Spreadsheet

Python is experiencing difficulties with copying xpath elements

Serialize latitude and longitude coordinates into JSON format using C# programming language

Attempting to access a variable without wrapping it in a setTimeout function will

Delay fading in during the loading process

Utilize select2 for dynamically loading an external html component

Replicating row with distinct values

Why is the 3rd argument necessary when using useReducer?

Send an array of JSON objects representing table rows to an MVC controller

What are the best practices for iterating through asynchronous generator functions?

Utilize react-router-dom for conditional rendering based on button clicks

Ways to display notifications when the user is not actively browsing the website?

When using res.render to pass data to an EJS file and accessing it in plain JavaScript

What could be causing the RTCPeerConnection icegatheringstatechange to not function properly?

I am having an issue with the npm install command. Each time I try running it, I keep receiving an

Different methods to retrieve content within a div that is located on a separate, included page

Ways to ensure that v-model does not become "true" or "false" in an input checkbox using Vue

How can we stop the Bootstrap carousel from pausing when the mouse hovers over it and keep it cycling automatically?

axios interceptor - delay the request until the cookie API call is completed, and proceed only after that