Verifying if an object in TypeScript contains a property with a value of true

Question

Verifying if an object in TypeScript contains a property with a value of true

I need to verify if the object below contains the property forums and if its value is set to true.

{forums: true, pages: true, photos: true, videos: true}

Currently, I am working with TypeScript Angular 5.

The code snippet below accomplishes this task effectively.

let item = 'forums';
if (this.itemsmodel.hasOwnProperty(item)) {
   //This condition evaluates to true. 
   if (this.itemsmodel[item]) {
          item = item;
   } else {
          item = 'pages';
   }
}

Is there a more Angular or TypeScript-specific approach for achieving this?

angular typescript

Answer 1

Answer №1

A concise method that covers both scenarios:

if(this.itemsmodel[item])

If the item exists in this.itemsmodel, it will return the value, otherwise it will return undefined.

A longer way of achieving the same result:

if(this.itemsmodel[item] && this.itemsmodel[item] === true)

This checks if the key exists first and then verifies its value.

By using the following code snippet, you can streamline your code:

let item = 'forums';
if (this.itemsmodel[item]) {
        item = item;
} else {
        item = 'pages';
}

Answer 2

A concise method that covers both scenarios:

if(this.itemsmodel[item])

If the item exists in this.itemsmodel, it will return the value, otherwise it will return undefined.

A longer way of achieving the same result:

if(this.itemsmodel[item] && this.itemsmodel[item] === true)

This checks if the key exists first and then verifies its value.

By using the following code snippet, you can streamline your code:

let item = 'forums';
if (this.itemsmodel[item]) {
        item = item;
} else {
        item = 'pages';
}

Verifying if an object in TypeScript contains a property with a value of true

Answer №1

Similar questions

Problem encountered while initializing a new project using Angular-CLI version 6.1.2

Module 'framer' missing even after removing node modules directory

Include Django CSRF token in an Angular 5 form

Using ReactiveForms to create templates that dynamically generate recursive structures

Calculate input values in Angular forms and dynamically display the result by triggering an update event with onchange

Tips on preventing repeated data fetching logic in Next.js App Routes

Angular15: How can we properly provide support for legacy browsers?

Issue with Angular 2 data table search filter - The property 'first_name' is not found in the 'type {}'

Exception occurs when arrow function is replaced with an anonymous function

Troubleshooting Vuex Getters with Typescript

The while-loop using Regex adds only a single value to my array

Angular2 Filtering Problem

Angular 2 Array Filtering: Mastering the Art

It is not possible to instantiate an object of a class specified by a generic parameter

Steps to incorporate padding to a nested Angular Component by leveraging the CSS of its parent component

Experimenting with an HTTP request in Angular 6 while testing a service method

Turn off or delete certain features within an npm package

Merging two arrays concurrently in Angular 7

Learn the process of programmatically inserting mat-expansion panels

Issues with Angular's router outlet link functionality not performing as expected