ES12 中的一些新的数字函数：clamp、scale、remap

ES12（也叫 ES2021）是 JavaScript 的新版本，它引入了许多新的语言特性和 API。本文将重点介绍其中的一些新的数字函数：clamp、scale、remap。

clamp

clamp 函数可以将一个数字限制在一个范围内。它接收三个参数：一个数字、一个下限和一个上限。如果这个数字小于下限，clamp 函数会返回下限；如果这个数字大于上限，clamp 函数会返回上限；否则，clamp 函数会返回这个数字本身。

示例代码：

const value = 50;
const lower = 0;
const upper = 100;

const clampedValue = clamp(value, lower, upper);

console.log(clampedValue); // 输出 50

scale

scale 函数可以将一个数字在两个范围内进行缩放。它接收五个参数：一个数字、一个数字范围的下限和上限、另一个数字范围的下限和上限。scale 函数会将这个数字从第一个范围映射到第二个范围中。

示例代码：

// javascriptcn.com 代码示例
const value = 50;
const start1 = 0;
const stop1 = 100;
const start2 = 0;
const stop2 = 1;

const scaledValue = scale(value, start1, stop1, start2, stop2);

console.log(scaledValue); // 输出 0.5

remap

remap 函数也可以将一个数字在两个范围内进行映射，它与 scale 函数的区别在于，remap 函数可以将第一个范围中的任何数字都映射到第二个范围中。

示例代码：

// javascriptcn.com 代码示例
const value = 50;
const start1 = 0;
const stop1 = 100;
const start2 = 0;
const stop2 = 1;

const remappedValue = remap(value, start1, stop1, start2, stop2);

console.log(remappedValue); // 输出 0.5

总结

ES12 中的这些新的数字函数可以使处理数字的代码更加方便和易懂。它们可以用来进行数字的限制、缩放和映射，有助于我们更快地完成一些数字计算和算法实现。在实际开发中，我们可以根据需要灵活使用这些函数，提高代码的效率和可维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f7f771f6b2d6eab3028ac2