От автора: приветствую вас, друзья. Продолжаем работать с массивами в JavaScript. В этой статье мы познакомимся с некоторыми полезными методами для работы с массивами в JavaScript.
В предыдущей статье мы рассмотрели несколько методов для работы с массивами. Последний рассмотренный метод — splice() — особенно полезен, поскольку позволяет удалять произвольные элементы массива и добавлять новые элементы в произвольные позиции массива.
К слову, еще одна фишка метода splice(), которую я упустил в предыдущей статье, но которая может пригодиться вам. Функция splice() не просто удаляет элементы из массива, но и возвращает их, так что мы можем сохранить удаленные элементы массива в переменную:
1 2 3 4 |
var names = ["John", "James", "Jane", "Jake"]; var names2 = names.splice(1, 2); console.log(names); console.log(names2); |
А как нам скопировать часть массива, не удаляя при этом ее из исходного массива? В этом нам поможет метод slice(). Метод принимает 2 параметра: первый отвечает за индекс, с которого нужно начать копирование элементов, второй — за конечный индекс, до которого нужно копировать элементы. При этом элемент с конечным индексом не копируется. Пример, чтобы стало понятнее:
1 2 3 4 |
var names = ["John", "James", "Jane", "Jake", 'Иван', 'Петр']; var names2 = names.slice(1, 3); console.log(names); console.log(names2); |
Как видим, исходный массив не изменился, а в новый массив были скопированы элементы, начиная с индекса 1 и до индекса 3, не включая последний. Второй параметр метода slice() мы можем опустить, в этом случае массив будет скопирован до конца:
1 2 3 |
var names = ["John", "James", "Jane", "Jake", 'Иван', 'Петр']; var names2 = names.slice(1); console.log(names2); |
Давайте познакомимся еще с несколькими методами. Метод sort(). Как можно догадаться из названия, метод связан с сортировкой. И это действительно так, sort() сортирует элементы массива:
1 2 3 4 |
var names = ["John", "James", "Jane", "Jake", 'Петр', 'Иван']; console.log(names); names.sort() console.log(names); |
Метод reverse() переворачивает массив, изменяя порядок элементов на обратный, т.е. последний станет первым, предпоследний — вторым и т.д.
1 2 3 4 |
var nums = [1,2,3]; console.log(nums); nums.reverse() console.log(nums); |
На этом мы будем завершать данную статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!