Loading...

How to parse string to boolean in Typescript?

question typescript
Ram Patra Published on November 21, 2024

In TypeScript, parsing a string to a boolean typically involves converting specific string values (e.g., "true" or "false") to their corresponding boolean values. Here’s how you can do it:

Example 1: Basic Parsing

const parseBoolean = (value: string): boolean => {
  return value.toLowerCase() === "true";
};

// Usage
console.log(parseBoolean("true")); // Output: true
console.log(parseBoolean("false")); // Output: false
console.log(parseBoolean("TRUE")); // Output: true

Example 2: Safer Parsing with Validation

To handle invalid values gracefully:

const parseBooleanSafe = (value: string): boolean | null => {
  const lowerValue = value.toLowerCase();
  if (lowerValue === "true") return true;
  if (lowerValue === "false") return false;
  return null; // Return null for invalid input
};

// Usage
console.log(parseBooleanSafe("true")); // Output: true
console.log(parseBooleanSafe("false")); // Output: false
console.log(parseBooleanSafe("not-boolean")); // Output: null

Notes:

  • toLowerCase() ensures case insensitivity.
  • Returning null or throwing an error for invalid input is a good practice to avoid unexpected behavior.
  • If the string isn’t strictly "true" or "false", it won’t match a boolean value.

Choose the approach that aligns with your application’s needs!

Presentify

Take your presentation to the next level.

FaceScreen

Put your face and name on your screen.

ToDoBar

Your to-dos on your menu bar.

Ram Patra Published on November 21, 2024
Image placeholder

Keep reading

If this article was helpful, others might be too

question typescript July 28, 2024 How to create a JSON Object in Typescript?

Creating a JSON object in TypeScript is similar to how you would create one in JavaScript. Here are the steps you can follow:

question typescript javascript July 17, 2024 Difference between ?? and || in Typescript or Javascript?

In TypeScript (and JavaScript), the ?? (nullish coalescing operator) and || (logical OR operator) are both used to provide default values, but they behave differently in terms of the conditions under which they return the right-hand operand.

question front-end javascript August 28, 2024 8 best Javascript libraries for building fast-changing tables

For handling fast-changing tables in JavaScript, you’ll want libraries that are optimized for performance, support real-time data updates, and are flexible enough to handle a wide range of use cases. Here are some of the best libraries:

Like my work?

Please, feel free to reach out. I would be more than happy to chat.