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 is the best way to determine the data type of an object retrieved from an API in TypeScript

Optimizing Wordpress by Efficiently Enqueueing Javascript

The React component is failing to display updated data from the Redux store

Using JavaScript to organize and categorize data within an array

Type of Multiple TypeScript Variables

How do I implement a dynamic input field in Angular 9 to retrieve data from a list or array?

How to pass a String Array to a String literal in JavaScript

Encountering a 404 error in Angular MVC project while trying to load a

Obtain base64 representation of a file using plupload file uploader

PHP failing to retrieve information

Within Angular, the Subscribe function is invoked after all other methods in the component have been executed. Consequently, this sequence of events often prevents me from effectively utilizing the response data

Ensure that the MUI icon color is set accurately

Encountering an error while compiling the Angular 8 app: "expected ':' but got error TS1005"

Is conditional CSS possible with NextJS?

"Send the selected radio button options chosen by the user, with the values specified in a JSON format

Error encountered: "Jest error - TypeError: Unable to access property 'preventDefault' because it is undefined."

Tips for sending an Ajax request to a separate URL on the same server

Tips for serving images locally instead of using an online URL when exporting with Next.js static:

Tips for preventing the need to create a function within a loop

Identify when the user ceases typing in Angular 2