What is the best approach for choosing an object's properties by delving into its nested properties with Lodash?

Question

What is the best approach for choosing an object's properties by delving into its nested properties with Lodash?

My dilemma involves selecting the properties of an object based on certain values within the nested properties. I have been attempting to achieve this using Lodash's pick() method, with the code looking something like this:

const object = {
    a: {x: true, y: true,},
    b: {x: true, y: false,},
    c: {x: true, y: true,},
  };
  
  _.pick(object, y,);

The expected outcome should be as follows:

{
    a: {x: true, y: true,},
    c: {x: true, y: true,},
  }

However, instead of the desired result, an error is encountered.

Execution halted due to Syntax Error on Line 6
Unexpected token, expected , (6:2)

I am puzzled by what mistake I may be making in this process.

Note: If there isn't a tidy solution available with Lodash, I am open to exploring an elegant plain Javascript alternative.

javascript ecmascript-6 lodash

Answer 1

Answer №1

To achieve this, you can utilize the _.pickBy() method and specify the y property as the predicate:

const object = {
  a: {x: true, y: true,},
  b: {x: true, y: false,},
  c: {x: true, y: true,},
};

const result = _.pickBy(object, 'y');

console.log(result);

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

If lodash is not available, an alternative approach involves using Object.entries() to convert the object into an array of [key, value] pairs. Then filter based on the y property of the value, and finally transform it back to an object with Object.fromEntries():

const object = {
  a: {x: true, y: true,},
  b: {x: true, y: false,},
  c: {x: true, y: true,},
};

const result = Object.fromEntries(
  Object.entries(object)
    .filter(([, o]) => o.y)
);

console.log(result);

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

Answer 2

To achieve this, you can utilize the _.pickBy() method and specify the y property as the predicate:

const object = {
  a: {x: true, y: true,},
  b: {x: true, y: false,},
  c: {x: true, y: true,},
};

const result = _.pickBy(object, 'y');

console.log(result);

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

If lodash is not available, an alternative approach involves using Object.entries() to convert the object into an array of [key, value] pairs. Then filter based on the y property of the value, and finally transform it back to an object with Object.fromEntries():

const object = {
  a: {x: true, y: true,},
  b: {x: true, y: false,},
  c: {x: true, y: true,},
};

const result = Object.fromEntries(
  Object.entries(object)
    .filter(([, o]) => o.y)
);

console.log(result);

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

Answer 3

Answer №2

The reason for your syntax error lies in the absence of a comma in the definition of object. Perhaps reconsider using pick, and instead try something like this:

const object = {
  a: {x: true, y: true,},
  b: {x: true, y: false,},
  c: {x: true, y: true,},
};

_.filter(object, (e) => e.y);

Answer 4

The reason for your syntax error lies in the absence of a comma in the definition of object. Perhaps reconsider using pick, and instead try something like this:

const object = {
  a: {x: true, y: true,},
  b: {x: true, y: false,},
  c: {x: true, y: true,},
};

_.filter(object, (e) => e.y);

What is the best approach for choosing an object's properties by delving into its nested properties with Lodash?

Answer №1

Answer №2

Similar questions

Is there a way to modify the text within a "span" element that directly follows an "i" element using jQuery?

Extract the response from codebird and store it in an array (or access the JSON data from the codebird's reply)

What is the most efficient way to calculate the current percentage of time that has elapsed today

Checking and merging arrays in Javascript

Obtain the VW/VH coordinates from an onclick action in JavaScript

How to Stop the Window from Closing with jQuery

jQuery plugin that controls scrolling speed using the mousewheel

What is the best way to merge two objects in a JSON array and separate them with a comma?

Could you provide the parameters for the next() function in Express?

Getting the Object Id from HTML and passing it back to the Controller in MVC using C#

Exploring how Node.js, Express.js, and Mongoose work together to handle

Steps for sending an array from PHP to an AJAX response in JavaScript

Can you locate the hiding spot of the express-session cookie?

Developing AJAX Post Functionality Using Only Vanilla Javascript

Conceal the Vue router on a webpage

Accessing the properties of a module in Javascript - a foolproof guide to making the most

Tips for Making Changes to a Polyline on Google Maps

The Document.querySelector() method is not displaying every element

Unable to interact with a div button using Selenium WebDriver

How to maintain global position, rotation, and scale when adding an object to a group in Three.js