Finding the inverse value from the Lodash get() function

Question

Finding the inverse value from the Lodash get() function

My current approach involves utilizing the lodash get() method to retrieve values from an object.

However, there are instances where I need to obtain negated values. Unfortunately, simply applying a negate symbol or negate method after retrieving the value is not a viable option in my scenario due to the generic nature of the component using the get() method. In most cases, I require the direct values obtained by get().

I am exploring if it's possible to pass a negate sign as an argument to the object path in the get method. Something like - lodash.get('!styling.fullWidth')

The technologies I am working with include Javascript and Vue.js

https://i.sstatic.net/qzU1N.png

https://i.sstatic.net/AeYpL.png

https://i.sstatic.net/zq8J8.png

javascript vue.js lodash

Answer 1

Answer №1

My solution involved implementing a simple regex method to achieve the desired functionality.

By using regex in a straightforward test, I was able to selectively retrieve the values.

/^!/.test()

This is how I approached the problem -

showSetting(setting, type) {
  if (setting.type === type) {
    if (setting.visibilityToggle) {
      const hasNegateSymbol = /^!/.test(setting.visibilityToggle);
      if (hasNegateSymbol) {
        return !get(this.item, setting.visibilityToggle.slice(1));
      } else {
        return get(this.item, setting.visibilityToggle);
      }
    }
    return true;
  }
},

Answer 2

My solution involved implementing a simple regex method to achieve the desired functionality.

By using regex in a straightforward test, I was able to selectively retrieve the values.

/^!/.test()

This is how I approached the problem -

showSetting(setting, type) {
  if (setting.type === type) {
    if (setting.visibilityToggle) {
      const hasNegateSymbol = /^!/.test(setting.visibilityToggle);
      if (hasNegateSymbol) {
        return !get(this.item, setting.visibilityToggle.slice(1));
      } else {
        return get(this.item, setting.visibilityToggle);
      }
    }
    return true;
  }
},

Finding the inverse value from the Lodash get() function

Answer №1

Similar questions

Selenium unfortunately does not fully function with JavascriptExecutor

Adjust the autofocus to activate once the select option has been chosen

Retrieve the user information from Auth0 within the NestJS application

Remove a comment from the page without needing to refresh the entire

Boost your website's loading time by utilizing the async and defer attributes

Utilizing Rails for dynamic form validation with AJAX

"AngularJS Bi-Directional Data Binding Issue: Unexpected 'Undefined

tips on incorporating chosen while still enabling text input

Implementing Vue plugins in your Store: A step-by-step guide

Tips for implementing events with AngularJS Bootstrap Colorpicker

Incorporating lazy loading for diverse content to enhance pagination

Implementing universal design in Next.js 14

The latest images are now visible in the table alongside the existing images that were previously added

Function for testing global variable stub in JavaScript

Issue: The object is unable to be executed as a function, resulting in the failure to return an array

The ng-click event for the reset button is limited to a single use

Discovering the names of files in a directory with Angular

Is there a way to automatically determine the text direction based on the language in the input text?

Combine multiple values into a single input in the number field

What is the best way to include anime.js into my Vue application?