Создание диапазона чисел от 0 до n в ES2015: стиль Python

Быстрый ответ

Для создания диапазона от 0 до n в ES6 нужно использовать выражение [...Array(n).keys()], которое создаст последовательность числовых значений:

const range = [...Array(n).keys()]; // Это выражение включает все числа до n

Вместо n нужно подставить желаемое крайнее значение. Метод keys() возвращает итератор, который перебирает ключи во вновь созданном массиве, размера n.

Расширенные решения и практические советы

Реализация функции диапазона, аналогичной функции Python, в JavaScript

Можно создать функцию range, аналогичную таковой в Python. Эта функция предлагает возможность указания начального и конечного значений, а также шага последовательности:

const range = (start, end, step = 1) =>
  Array.from({ length: Math.ceil((end – start) / step) }, (_, i) => start + i * step);
// Array.from() неоценима, трансформируя входные параметры в диапазон!

Подробнее об этом расскажет наш спикер на видео

Использование генераторов для гибкого создания диапазонов

Генераторы из ES6 идеально подходят для создания диапазонов по запросу. Они незаменимы при работе с большими наборами данных, когда важна производительность:

function* lazyRange(end, start = 0, step = 1) {
  for (let i = start; i < end; i += step) {
    yield i;  // Отдаю тебе число! 🧙
  }
}
// Эта магия поможет вам при генерации больших и даже, боже мой, бесконечных последовательностей! 🌌

Соответствие TypeScript: потому что TypeScript эффективен

Вы работаете с TypeScript? Используйте Array.from() вместо spread-оператора, чтобы избежать предупреждений компилятора:

const range = Array.from(Array(n).keys());
// TypeScript скажет следующее: "Отлично, компилируется без ошибок."

Визуализация

Представьте себе, что вы собираете букет (💐) чисел от 0 до n:

Array.from({ length: n }, (v, k) => k); // Посажу ростки чисел от 0 до n

В итоге получится следующее:

Места для саженцев: [0, 1, 2, ..., n-1]
Распустившийся букет: [🌷, 🌹, 🌻, ..., 🌼]

Каждое число в этой последовательности – как цветок, цветущий в саду вашего массива.

Ещё пара утончённых решений и неизвестных особенностей для вашего арсенала

Концентрированные решения: Где же мой диапазон?

Для достижения концентрации используйте эти сжатые варианты:

const range = Array.from(Array(n), (_, i) => i);
// или
const range = Array(n).fill().map((_, i) => i); // Гордон Рамзи: "Прекрасно, превосходный код!"

Итерируемый класс

С помощью синтаксиса классов в ES2015 можно создать итерируемые классы, которые станут представлять полноценные диапазонные объекты:

class Range {
  constructor(start, end) {
    this.start = start;
    this.end = end;
  }

  *[Symbol.iterator]() {
    for (let i = this.start; i <= this.end; i++) {
      yield i; // И вот оно, число как из рога изобилия! Аллилуйя! 🌧️🌧️
    }
  }
}

Бережливость — ключ к успешной работе: Избегайте ошибок

• Производительность: Создание диапазонов с большим количеством чисел может замедлить выполнение вашей программы. Используйте ленивое вычисление.
• Память: Большие диапазоны могут «съесть» память как ненасытный Pac-Man. В таких ситуациях спасением могут стать генераторы.
• TypeScript: Может столкнуться с неявным использованием типа any. Явно укажите типы для массивов.
• Разреженные массивы: Используйте методы создания разреженных массивов с особой осторожностью, чтобы избежать неожиданных результатов.

Полезные материалы

1. Array.from() – JavaScript | MDN — подробное описание метода Array.from() от MDN.
2. Основы генераторов ES6 — статья о глубоком изучении генераторов в ES6.
3. Изучаем ES2015 · Babel — полное руководство по новым возможностям в ES2015.
4. Синтаксис расширения (...) – JavaScript | MDN — детальный разбор spread-оператора.
5. Array.prototype.map() – JavaScript | MDN — полное объяснение метода Array.prototype.map().
6. Массивы – JavaScript.Info — статья об искусстве создания диапазонов чисел.
7. ECMAScript 6: новые возможности – обзор и сравнение — главный источник информации, покрывающий все возможности ES6.