Is there a way to change the data type of all parameters in a function to a specific type?

Question

Is there a way to change the data type of all parameters in a function to a specific type?

I recently created a clamp function to restrict values within a specified range. (I'm sure most of you are familiar with what a clamp function does)

Here is the function I came up with (using TS)

function clamp(value: number, min: number, max: number) {
  return Math.min(Math.max(value, min), max)
}

However, there are certain scenarios where I don't want to manually convert all three params to type Number before passing them into the function. One approach I thought of was like this:

function clamp(value: number, min: number, max: number) {
  return Math.min(Math.max(Number(value), Number(min)), Number(max))
}

This involves converting each individual param to type Number.

Is there an alternative method to convert all params to type Number in one go?

I am still on the lookout for simpler solutions! 🫠

javascript typescript

Answer 1

Answer №1

To convert all values to the Number data type in one go, you can utilize the Array.map method. Below is how it can be achieved using plain old JavaScript:

function convertToNumbers(...values) {
  return values.map(Number).filter(v => !isNaN(v));
}

console.log(`${convertToNumbers(1,`26`, 42)}`);
console.log(`${convertToNumbers(...[...`123`])}`);
console.log(`${convertToNumbers(`20`, `+`, `22`, `=`, 42)}`);
console.log(`${convertToNumbers(...(`20+22=42`.split(/[+=]/)))}`);

In Typescript (check this out as well...)

function restrictToRange(...values: Array<number|string>) {
  const numbers: (number|Nan)[] = values.map(Number);
  if (numbers.filter(v => !isNaN(v)).length === 3) {
    const [value, min, max] = numbers;
    return Math.min(Math.max(value, min), max);
  }
  return `insufficient argument(s)`;
}

console.log(restrictToRange(42));
console.log(restrictToRange(1,3,`42`));

Answer 2

To convert all values to the Number data type in one go, you can utilize the Array.map method. Below is how it can be achieved using plain old JavaScript:

function convertToNumbers(...values) {
  return values.map(Number).filter(v => !isNaN(v));
}

console.log(`${convertToNumbers(1,`26`, 42)}`);
console.log(`${convertToNumbers(...[...`123`])}`);
console.log(`${convertToNumbers(`20`, `+`, `22`, `=`, 42)}`);
console.log(`${convertToNumbers(...(`20+22=42`.split(/[+=]/)))}`);

In Typescript (check this out as well...)

function restrictToRange(...values: Array<number|string>) {
  const numbers: (number|Nan)[] = values.map(Number);
  if (numbers.filter(v => !isNaN(v)).length === 3) {
    const [value, min, max] = numbers;
    return Math.min(Math.max(value, min), max);
  }
  return `insufficient argument(s)`;
}

console.log(restrictToRange(42));
console.log(restrictToRange(1,3,`42`));

Is there a way to change the data type of all parameters in a function to a specific type?

Answer №1

Similar questions

What are some ways to enhance this TypeScript code using Functional Programming with the FP-TS library?

Encountering problems with ajax technology

Creating stunning light effects with camera flash using three.js

The filtering feature in AngularJS ng-options is not functioning correctly

What is the best way to deliver data from the main Vue instance to components that are being utilized by vue-router?

Encountering an issue with accessing a property in Angular's TypeScript module

Issue with Switch Map in Angular 2 and RxJS

The issue with the callback function not being triggered within a self-repeating loop

An error was thrown at line 474 in module.js

Deliver a numerical input to the component on an equivalent hierarchical tier

Ways to make the submenu display underneath the main menu

What causes an asynchronous function to exhibit different behavior when utilized in conjunction with addEventListener versus when manually invoked?

When the window is fully loaded, JavaScript executes

The filter on the mobile version is not displaying correctly

Modifying one input can impact other input elements without any form of direct connection between them

Exploring date formatting in NestJs with Javascript

Searching for a deeply nested JSON property with lodash

Using the function goToPage() within the TabbedHeaderPager component

When attempting to log API results in Next.js, a TypeError occurs because the property is undefined

Unusual TypeScript Syntax