Create a conditional statement based on the properties of an object

Question

Create a conditional statement based on the properties of an object

In one of my Typescript projects, I am faced with the task of constructing a dynamic 'if' statement based on the data received from an object. The number of conditions in this 'if' statement should match the number of properties present in the object.

Here is the initial object:

interface EmailParams { 
  sender?: string,
  subject?: string,
  fileType?: string
}

let params: EmailParams = {
  sender: "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="720617010632151f131b1e5c111d1f">[email protected]</a>"
}

This is the condition that needs to be met:

if (test1.from.toUpperCase() == params.sender?.toUpperCase())

If there are changes made to the object, here is the updated version:

interface EmailParams { 
  sender?: string,
  subject?: string,
  fileType?: string
}

let params: EmailParams = {
  sender: "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4c38293f380c2b212d2520622f2321">[email protected]</a>",
  subject: "data"
}

The new 'if' statement should now look like this:

if (test1.from.toUpperCase() == params.sender?.toUpperCase() &&
    test1.data.toUpperCase() == params.subject?.toUpperCase()
)

arrays typescript

Answer 1

Answer №1

To achieve this, a common approach is to follow these steps:

const properties: (keyof EmailParams)[] = [
  'sender',
  'subject',
];

const sampleData = {
  data: "whatever",
  from: "foobar",
};

const mapping: {
  [k in keyof EmailParams]: keyof typeof sampleData
} = {
  subject: 'data',
  sender: 'from',
}

const compareEmailParams = (obj: EmailParams): boolean => {
  return properties.every((k: keyof EmailParams) => {
    if (k in mapping) {
      const key: keyof typeof sampleData = mapping[k] as keyof typeof sampleData;
      return obj[k]?.toUpperCase() === sampleData[key].toUpperCase();
    }
    return true; 
  });
};

console.log(compareEmailParams(params));

If you need to add a new property, remember to update the list of keys and the mapping between email params and sample data.

This approach offers several advantages, such as easier unit testing without relying on conditional logic and the ability to reuse the function in different parts of the codebase.

Playground

Answer 2

To achieve this, a common approach is to follow these steps:

const properties: (keyof EmailParams)[] = [
  'sender',
  'subject',
];

const sampleData = {
  data: "whatever",
  from: "foobar",
};

const mapping: {
  [k in keyof EmailParams]: keyof typeof sampleData
} = {
  subject: 'data',
  sender: 'from',
}

const compareEmailParams = (obj: EmailParams): boolean => {
  return properties.every((k: keyof EmailParams) => {
    if (k in mapping) {
      const key: keyof typeof sampleData = mapping[k] as keyof typeof sampleData;
      return obj[k]?.toUpperCase() === sampleData[key].toUpperCase();
    }
    return true; 
  });
};

console.log(compareEmailParams(params));

If you need to add a new property, remember to update the list of keys and the mapping between email params and sample data.

This approach offers several advantages, such as easier unit testing without relying on conditional logic and the ability to reuse the function in different parts of the codebase.

Playground

Create a conditional statement based on the properties of an object

Answer №1

Similar questions

Having trouble retrieving data from redux toolkit using typescript

convert a JSON object to an array using jQuery

Updating array with user input using Ajax

Deploying AWS CDK in a CodePipeline and CodeBuild workflow

Accessing an array outside of an Ajax call that was initiated within a success callback

There seems to be an issue with the Angular zone.js and zone-evergreen.js files showing an error that reads:

Learn the process of importing data types from the Firebase Admin Node.js SDK

Exploring the best practices for integrating Bootstrap into a Webpack and Angular2 project

Alias destructuring for arrays within nested objects

Ensuring a Generic Type in Typescript is a Subset of JSON: Best Practices

Retrieve data from an HTML form within an Angular 2 ag-grid component

Is it possible to use the `fill` method to assign a value of type 'number' to a variable of type 'never'?

Issue with Jest/SuperTest Express integration tests: encountering "Can't set headers after they are sent" error when making requests to the same endpoint in multiple test cases

The transition() function in Angular 2.1.0 is malfunctioning

Issue: Troubleshooting data serialization process using getStaticProps in Next.js

Using the moment library in Angular to convert date and time can sometimes lead to errors

The custom component is not updating the NgIf directive in HTML even though it receives a boolean variable

Encountering Typescript issues following the transition from npm to pnpm

The outcome of a function within the $.ajax method is transformed into a string

Combine several objects into one consolidated object