Методы массивов. Часть 2
Часть раздела Основы путешествия по JavaScript на Coddy — урок 61 из 77.
Массивы имеют больше встроенных методов, которые могут помочь нам в решении типичных задач. Вот некоторые из них:
sort()— сортирует элементы массива.
reverse()— изменяет порядок элементов в массиве на обратный.
indexOf(element)— возвращает индекс первого вхождения элемента в массиве или -1, если он не найден.
lastIndexOf(element)— возвращает индекс последнего вхождения элемента в массиве или -1, если он не найден.
includes(element)— возвращаетtrue, если массив содержит указанный элемент, в противном случае возвращаетfalse.
Вот пример того, как использовать метод sort:
let myArray = ["orange", "banana", "apple"];
myArray.sort();
console.log(myArray);Это выведет ["apple", "banana", "orange"].
Пример метода reverse:
let myArray = [1, 2, 3, 4, 5];
myArray.reverse();
console.log(myArray);Это выведет [5, 4, 3, 2, 1].
Пример использования метода indexOf:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.indexOf(30);
console.log(index);Это выведет 2.
Пример метода lastIndexOf:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.lastIndexOf(30);
console.log(index);Это выведет 5.
Пример метода includes:
let myArray = ["apple", "banana", "orange"];
let hasBanana = myArray.includes("banana");
console.log(hasBanana);Это выведет true.
Задание
ЛегкоСоздайте функцию с именем findElement, которая принимает два аргумента:
- Массив чисел
- Число для поиска
Функция должна выполнять следующее:
- Проверять, содержит ли массив число, используя метод
includes. - Если число найдено, возвращать индекс его первого вхождения, используя метод
indexOf. - Если число не найдено, возвращать -1.
Например:
findElement([1, 2, 3, 4, 5], 3)должна возвращать 2findElement([1, 2, 3, 4, 5], 6)должна возвращать -1
Шпаргалка
Массивы JavaScript имеют несколько встроенных методов для выполнения распространенных операций:
sort()- сортирует элементы массиваreverse()- меняет порядок элементов в массиве на обратныйindexOf(element)- возвращает индекс первого вхождения элемента или -1, если он не найденlastIndexOf(element)- возвращает индекс последнего вхождения элемента или -1, если он не найденincludes(element)- возвращаетtrue, если массив содержит элемент, в противном случае —false
Примеры:
let fruits = ["orange", "banana", "apple"];
fruits.sort(); // ["apple", "banana", "orange"]
let numbers = [1, 2, 3, 4, 5];
numbers.reverse(); // [5, 4, 3, 2, 1]
let arr = [10, 20, 30, 40, 50, 30];
arr.indexOf(30); // 2 (первое вхождение)
arr.lastIndexOf(30); // 5 (последнее вхождение)
arr.includes(30); // trueПопробуйте сами
function findElement(arr, num) {
// Напишите здесь свой код
}В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Основы
4Операторы. Часть 2
Логические операторы. Часть 1Логические операторы. Часть 2Повторение — простая логикаЛогические операторы. Часть 3Приведение типов7Калькулятор разделения счета
Приветственное сообщениеРасчет чаевых и общей суммы2Переменные
ЧислаСтрокиBooleanПравила именованияПустые переменныеИтоги: Инициализация переменныхКонстанты5Принятие решений
Оператор IfКонструкция If - ElseПовторение — Простой калькуляторВложенные конструкции If - ElseОператор Switch11Массивы. Часть 1
Объявление массиваДоступ к элементам массиваИзменение массивовМетоды массивов. Часть 1Методы массивов. Часть 2Повторение: Обработчик массивов3Операторы, часть 1
Арифметические операторыОператор остатка от деленияАрифметические сокращенияОператоры сравненияСтрогое и нестрогое равенствоПовторение: простая математика6Основы ввода-вывода
ВыводВывод с переменнымиПреобразование типов — Часть 1Преобразование типов — Часть 2Повторение — До 120Повторение — True или False