ES2023 - что нового в JavaScript?

В данной статье мы обсудим новые возможности работы с массивами в JavaScript, которые были добавлены в ES2023.

Допустим, у нас есть массив с элементами:

Нам нужно найти элемент со значением 7, и мы предполагаем, что он находится ближе к концу массива.

В предыдущем варианте когда мы использовали find(), мы бы делали это следующим образом:

Это может быть нормально для небольших массивов, но если массив большой и вы знаете, что элемент находится ближе к концу, то можно использовать метод findLast():

В этом случае вывод будет происходить только 1 раз.

Аналогично существует метод findLastIndex(), который возвращает индекс элемента.

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

Предположим, нам нужно:

Теперь с помощью метода with() мы можем это сделать гораздо проще. Нам нужно передать индекс, на котором мы хотим заменить элемент, а затем значение этого элемента:

Метод with() копирует исходный массив, меняет один элемент и возвращает новый массив с измененным элементом по указанному индексу.

Метод toSorted() сортирует элементы массива так же, как и метод sort(), но возвращает новый массив:

Метод toReversed() меняет порядок элементов в массиве на обратный, как и метод reverse(), но возвращает новый массив:

Метод toSpliced() является копией метода splice(), но возвращает новый массив:

Если вы хотите детальнее разобраться в работе JavaScript я приготовил для вас подробные курсы: