I look for a solution to check if the value of the labelKey property is to_be_rented or to_be_put_on_sale
With a condition we can do it with :
if (this.project.currentProduct.productStatus.labelKey === ('to_be_rented' || 'to_be_put_on_sale')) {
}
But it does not work, and I also look for a more sophisticated alternative using Lodash or es2015 for example.
How can I do that?
Your condition works so:
to_be_rented || to_be_put_on_sale is to_be_rented always.labelKey equals to to_be_rented.The correct solution is to compare labelKey with both strings:
let labelKey = this.project.currentProduct.productStatus.labelKey;
if (labelKey === 'to_be_rented' || labelKey === 'to_be_put_on_sale')) {
...
}
With ES2016 it can be simplified:
let values = ['to_be_rented', 'to_be_put_on_sale'];
if (values.includes(this.project.currentProduct.productStatus.labelKey)) {
...
}
You could use an array and Array#includes for a check if the value exist in the array.
const values = ['to_be_rented', 'to_be_put_on_sale'];
if (values.includes(this.project.currentProduct.productStatus.labelKey)) {
// do something
}
You can put all your variants in an array and use Array.prototype.indexOf() (it's even in ES5):
const variants = ['to_be_rented', 'to_be_put_on_sale'];
const labelKey = this.project.currentProduct.productStatus.labelKey;
if (variants.indexOf(labelKey) !== -1) {
...
}
Or Array.prototype.includes() (it's in ES2016):
if (variants.includes(labelKey)) {
...
}
These ways are more convenient when you have more than 2 variants.
For your case Array.prototype.indexOf() and Array.prototype.includes() will be the same, but the difference between these functions you can check out here.
['...', '...'].includes(str) with ES2016.A lodash way:
var toFind = this.project.currentProduct.productStatus.labelKey;
if(_.find(['to_be_rented', 'to_be_put_on_sale'], toFind)) {
// do something
}
