Sorting through numerous arrays of objects with various properties

Question

Sorting through numerous arrays of objects with various properties

Currently, I am attempting to develop a filter function that will return data matching the specified value from a given set of string keys.

Here is an example of an array:

let data = [
 { id:1 , data:{ name:"sample1",address:{ cat:"business" } } },
 { id:2 , data:{ name:"sample2",address:{ cat:"office"  }  } },
 { id:3 , data:{ name:"sample3",address:{ cat:"office"  } } },
 { id:4 , data:{ name:"sample4",address:{ cat:"office"  }  } }
 { id:5 , data:{ name:"sample5",address:{ cat:"home"  } } }
 { id:6 , data:{ name:"sample6",address:{ cat:"home"  }  } }
]



function createFilter( collection , value ,key ){
  //insert code here 
}


let result = createFilter( data , "business" , [ "data","address","cat" ] )

console.log(result)

The expected output is:

{ id:1 , data:{ name:"sample1",address:{ cat:"business" } } },

javascript typescript underscore.js lodash

Answer 1

Answer №1

Utilize the filter method for data searching and employ reduce to create the keys.

Keep in mind that filter will produce an array of matched items. If you desire only the first match, consider using find

const information = [
  { id: 1, data: { name: "sample1", address:{ cat: "business" } } },
  { id: 2, data: { name: "sample2", address:{ cat: "office" } } },
  { id: 3, data: { name: "sample3", address:{ cat: "office" } } },
  { id: 4, data: { name: "sample4", address:{ cat: "office" } } },
  { id: 5, data: { name: "sample5", address:{ cat: "home" } } },
  { id: 6, data: { name: "sample6", address:{ cat: "home" } } }
]

const searchMethod = (collection, keys, value) => 
  collection.filter(obj => keys.reduce((current, val) => current[val] || {}, obj) === value)
const outcome = searchMethod(information, ["data", "address", "cat"], "business")

console.log(outcome)

Answer 2

Utilize the filter method for data searching and employ reduce to create the keys.

Keep in mind that filter will produce an array of matched items. If you desire only the first match, consider using find

const information = [
  { id: 1, data: { name: "sample1", address:{ cat: "business" } } },
  { id: 2, data: { name: "sample2", address:{ cat: "office" } } },
  { id: 3, data: { name: "sample3", address:{ cat: "office" } } },
  { id: 4, data: { name: "sample4", address:{ cat: "office" } } },
  { id: 5, data: { name: "sample5", address:{ cat: "home" } } },
  { id: 6, data: { name: "sample6", address:{ cat: "home" } } }
]

const searchMethod = (collection, keys, value) => 
  collection.filter(obj => keys.reduce((current, val) => current[val] || {}, obj) === value)
const outcome = searchMethod(information, ["data", "address", "cat"], "business")

console.log(outcome)

Answer 3

Answer №2

function customFilter( collection , value ,key ){
  const getNestedValue = (nestedObject, propertyPath) => {
      return propertyPath.reduce((obj, key) =>
          (obj && obj[key] !== 'undefined') ? obj[key] : undefined, nestedObject);

  };
  return collection.filter( item => getNestedValue(item, key) === value);
}

This custom filter function will find and return matching object(s) from the collection array or an empty array if there is no match.

let filteredResult = customFilter( myData , "business" , [ "myData","location","type" ] );

console.log(filteredResult); // [{"id":1,"myData":{"name":"sample1","location":{"type":"business"}}}]

let filteredResult2 = customFilter( myData , "office" , [ "myData","location","type" ] );

console.log(filteredResult2); //[{"id":2,"myData":{"name":"sample2","location":{"type":"office"}}},{"id":3,"myData":{"name":"sample3","location":{"type":"office"}}},{"id":4,"myData":{"name":"sample4","location":{"type":"office"}}}]

let filteredResult3 = customFilter( myData , "vacation" , [ "myData","location","type" ] );

console.log(filteredResult3); // []

Answer 4

function customFilter( collection , value ,key ){
  const getNestedValue = (nestedObject, propertyPath) => {
      return propertyPath.reduce((obj, key) =>
          (obj && obj[key] !== 'undefined') ? obj[key] : undefined, nestedObject);

  };
  return collection.filter( item => getNestedValue(item, key) === value);
}

This custom filter function will find and return matching object(s) from the collection array or an empty array if there is no match.

let filteredResult = customFilter( myData , "business" , [ "myData","location","type" ] );

console.log(filteredResult); // [{"id":1,"myData":{"name":"sample1","location":{"type":"business"}}}]

let filteredResult2 = customFilter( myData , "office" , [ "myData","location","type" ] );

console.log(filteredResult2); //[{"id":2,"myData":{"name":"sample2","location":{"type":"office"}}},{"id":3,"myData":{"name":"sample3","location":{"type":"office"}}},{"id":4,"myData":{"name":"sample4","location":{"type":"office"}}}]

let filteredResult3 = customFilter( myData , "vacation" , [ "myData","location","type" ] );

console.log(filteredResult3); // []

Answer 5

Answer №3

Feel free to give this code a try.

If the solution provided does not fully address your issue or if you require additional functionality, please let me know. I am more than willing to update my answer accordingly.

function customFilter( items , searchTerm ,property ){
     for(var item of items) {
           if(item[property[0]][property[1]][property[2]] == searchTerm)
           { 
               return item;
           }
     }
     return null;
}

Answer 6

Feel free to give this code a try.

If the solution provided does not fully address your issue or if you require additional functionality, please let me know. I am more than willing to update my answer accordingly.

function customFilter( items , searchTerm ,property ){
     for(var item of items) {
           if(item[property[0]][property[1]][property[2]] == searchTerm)
           { 
               return item;
           }
     }
     return null;
}

Answer 7

Answer №4

Utilizing Underscore and ES6 arrow syntax for clean code.

const isEqualTo = expected => actual => expected === actual;

function filterByDeepValue(collection, value, path) {
    const condition = _.compose(isEqualTo(value), _.property(path));
    return _.filter(collection, condition);
}

const data = [
    {id: 1, data: {name: "sample1", address: {cat: "business"}}},
    {id: 2, data: {name: "sample2", address: {cat: "office"}}},
    {id: 3, data: {name: "sample3", address: {cat: "office"}}},
    {id: 4, data: {name: "sample4", address: {cat: "office"}}},
    {id: 5, data: {name: "sample5", address: {cat: "home"}}},
    {id: 6, data: {name: "sample6", address: {cat: "home"}}},
];

console.log(filterByDeepValue(data, 'business', ['data', 'address', 'cat']));

<script src="https://underscorejs.org/underscore-umd-min.js"></script>

Answer 8

Utilizing Underscore and ES6 arrow syntax for clean code.

const isEqualTo = expected => actual => expected === actual;

function filterByDeepValue(collection, value, path) {
    const condition = _.compose(isEqualTo(value), _.property(path));
    return _.filter(collection, condition);
}

const data = [
    {id: 1, data: {name: "sample1", address: {cat: "business"}}},
    {id: 2, data: {name: "sample2", address: {cat: "office"}}},
    {id: 3, data: {name: "sample3", address: {cat: "office"}}},
    {id: 4, data: {name: "sample4", address: {cat: "office"}}},
    {id: 5, data: {name: "sample5", address: {cat: "home"}}},
    {id: 6, data: {name: "sample6", address: {cat: "home"}}},
];

console.log(filterByDeepValue(data, 'business', ['data', 'address', 'cat']));

<script src="https://underscorejs.org/underscore-umd-min.js"></script>

Sorting through numerous arrays of objects with various properties

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Tips for including products in the watchlist using ReactJS?

Is it possible to use multiple schemas for one collection name?

In this JavaScript tool for counting characters, every carriage return is counted as two characters

"Concurrency issues arise when using multiple AJAX calls in jQuery, causing confusion with

Enhance your Sails.js model by incorporating a custom instance method as a new property

Displaying data on the user interface in Angular by populating it with information from the form inputs

How can I upload multiple images in one request using Typescript?

Validating the value of a Material UI TextField

Child element casting shadow over parent element

Assistance with jQuery in Javascript is needed

What is the process for inserting text or letters into a checkbox using Material Ui?

Prevent users from deleting options in Autocomplete by disabling the backspace key

Tips for showcasing Markdown files within subdirectories in Next.JS

Placing elements from an array into a customized output

Having trouble deciphering the undefined jquery scroll at the top

The React component fails to render on the screen

``There seems to be an issue with the functionality of JSON.stringify

Vue.js: Iterating over objects using v-for causes keys to be displayed in unexpected order

Creating a progress bar in CGI using Perl

Apexchart abandons the wrapper upon adding dual Y-Axes