В JavaScript масштабирование значений является распространенной задачей при работе с данными и веб-разработке. Если вам нужно изменить размер элементов, настроить координаты или нормализовать данные, важно понимать различные методы масштабирования значений. В этой статье мы рассмотрим различные методы на примерах кода, которые помогут вам эффективно масштабировать значения.

1. Линейное масштабирование.
   Линейное масштабирование – это простой метод, используемый для сопоставления одного диапазона значений с другим диапазоном. Он поддерживает пропорциональное соотношение между исходными и масштабированными значениями.

function linearScale(value, minInput, maxInput, minOutput, maxOutput) {
  return ((value - minInput) / (maxInput - minInput)) * (maxOutput - minOutput) + minOutput;
}
// Usage example
const scaledValue = linearScale(50, 0, 100, 0, 500);
console.log(scaledValue); // Output: 250

2. Логарифмическое масштабирование.
   Логарифмическое масштабирование полезно, когда вы хотите подчеркнуть меньшие значения или сжать большие значения. Он применяет логарифмическую функцию для масштабирования значений.

function logarithmicScale(value, base) {
  return Math.log(value) / Math.log(base);
}
// Usage example
const scaledValue = logarithmicScale(1000, 10);
console.log(scaledValue); // Output: 3

3. Экспоненциальное масштабирование.
   Экспоненциальное масштабирование является обратным логарифмическому масштабированию. Он подчеркивает большие значения или распределяет меньшие значения. Он применяет экспоненциальную функцию для масштабирования значений.

function exponentialScale(value, base) {
  return Math.pow(base, value);
}
// Usage example
const scaledValue = exponentialScale(3, 10);
console.log(scaledValue); // Output: 1000

4. Нормализация.
   Нормализация масштабирует значения так, чтобы они соответствовали определенному диапазону, обычно от 0 до 1. Это полезно, когда вам нужно сравнить или объединить значения, имеющие разные масштабы.

function normalize(value, min, max) {
  return (value - min) / (max - min);
}
// Usage example
const scaledValue = normalize(75, 50, 100);
console.log(scaledValue); // Output: 0.5

5. Функция карты.
   Функция mapв массивах JavaScript — это универсальный метод масштабирования значений. Он позволяет преобразовывать каждый элемент массива, используя предоставленную формулу масштабирования.

const inputArray = [10, 20, 30, 40, 50];
const scaledArray = inputArray.map(value => linearScale(value, 0, 50, 0, 100));
console.log(scaledArray); // Output: [0, 40, 80, 120, 160]

Масштабирование значений в JavaScript имеет решающее значение для различных задач манипулирования данными в веб-разработке. В этой статье мы исследовали несколько методов, включая линейное масштабирование, логарифмическое масштабирование, экспоненциальное масштабирование, нормализацию и функцию карты. Понимая эти методы и используя предоставленные примеры кода, вы сможете уверенно масштабировать значения в своих проектах JavaScript.