Is the neglected property being discarded?

Question

Is the neglected property being discarded?

First things first, let's talk about my class:

class FavoriteFooBar {
 ...
 isPreferred: boolean = false;

 constructor() {
   this.isPreferred = false;
  }
}

Using a utility library called Uniquer, I arrange a list of FavoriteFooBar instances to prioritize favorites at the top:

this.favFBBars = Uniquer.orderBy(this.favFBBars, ['isPreferred', 'name'], ['desc', 'asc']);

After marking an item as favorite and checking my console log, it shows:

Note that #3 does not have the isPreferred property...

It seems like Lodash doesn't sort properly when isPreferred isn't explicitly set. Is there a way to always display this property, even if it's unused/unset/false?

I've already tried:
- Initializing the property to false in the class
- Setting the property to false in the constructor of the class
- Iterating through this.favFBbars in the component and setting them all to false
- Implementing an interface for FavoriteFooBar

javascript json angular typescript lodash

Answer 1

Answer №1

It appears that this is the TypeScript approach to setting a default value for a class property.

export default class FooBar {
  constructor(private isFavorite: boolean = false) {
     ...
  }
}

Alternatively, you can achieve the same result with the following code:

export class FooBar {
  constructor() {
     this.isFavorite = false;
  }
}

If you want to sort a list based on a specific condition, you can use a function in the _.orderBy iteratee like this:

var foobars = [{isFavorite:false, name:"aaa"}, {isFavorite:true, name:"bbb"}, {isFavorite:false, name:"ccc"}, {name:"ddd"}]


foobars = _.orderBy(foobars, [function(foobar) {
    return foobar.isFavorite == true;
}, "name"], ["desc", "asc"]);

console.log(foobars)

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="aec2c1cacfddc6ee9a809f99809f9e">[email protected]</a>/lodash.min.js"></script>

Answer 2

It appears that this is the TypeScript approach to setting a default value for a class property.

export default class FooBar {
  constructor(private isFavorite: boolean = false) {
     ...
  }
}

Alternatively, you can achieve the same result with the following code:

export class FooBar {
  constructor() {
     this.isFavorite = false;
  }
}

If you want to sort a list based on a specific condition, you can use a function in the _.orderBy iteratee like this:

var foobars = [{isFavorite:false, name:"aaa"}, {isFavorite:true, name:"bbb"}, {isFavorite:false, name:"ccc"}, {name:"ddd"}]


foobars = _.orderBy(foobars, [function(foobar) {
    return foobar.isFavorite == true;
}, "name"], ["desc", "asc"]);

console.log(foobars)

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="aec2c1cacfddc6ee9a809f99809f9e">[email protected]</a>/lodash.min.js"></script>

Is the neglected property being discarded?

Answer №1

Similar questions

What is the most efficient way to print multiple JSON arrays simultaneously?

What is the best way to trigger a jQuery UI dialog using an AJAX request?

Acquiring a fresh scope in Angular via a different component

What could be the reason for my image not loading properly in Vue.js 3?

Issue with AngularJS: Component controller fails to load upon routing using ngRoute

Having trouble retrieving specific data with curl

What is the best way to acquire the href value from this source?

What are the steps to execute PhantomJS on a client machine?

Ways to adjust a specific div within an ng repeat using the value from JSON in AngularJS

Query in JSONPath to retrieve elements in an array depending on a specified key's value

Instructions for utilizing ObjectId with a string _id on the client side

Next.js does not support tooltips with custom children components

Conceal component while navigating in VueJs

The Intersection Observer API is not compatible with using transform: translateX()

How One Simple Click Can Impact Every Button in jQuery Ajax操作

Python JSON - Unable to read data due to TypeError: indices in string must be integers

Utilize typehead.js in Python Django to retrieve an updated data list directly from the database

Comparison Between React-Redux mapStateToProps and Inheriting Props from ParentsIn the

Developing a fresh feature in Angular.js for transmitting my localstorage model information to a bus?

Adding a new key/value pair to a nested object in Aerospike