Массивы используются повсюду в Javascript, сделайте вашу жизнь проще, научившись их повторять

Прежде чем мы начнем…

Что такое Javascript и чем он отличается от Java 🤔 ??

JavaScript чаще всего используется как язык сценариев на стороне клиента. Это означает, что код JavaScript написан на странице HTML. Когда пользователь запрашивает HTML-страницу с JavaScript в ней, сценарий отправляется в браузер, и браузер решает, что с ним делать.

  • Код Java должен быть скомпилирован, а код JavaScript является полностью текстовым.
  • Для каждого языка требуются разные плагины.
  • Код JavaScript запускается только в браузере, тогда как Java создает приложения, которые запускаются на виртуальной машине или в браузере.
  • Java - это язык ООП (объектно-ориентированного программирования), тогда как JavaScript - это, в частности, язык сценариев ООП.

Кроме того, Java обычно используется для всех серверных разработок, от приложений Android до настольных компьютеров приложений , а JavaScript зарезервирован для разработки клиентских скриптов для таких функций, как проверка и интерактивность.

Надеюсь, это проясняет основную концепцию JavaScript.

Понимание методов итерации массива

Методы, которые работают с каждым элементом в массиве по одному, называются методами итерации. Эти методы тесно связаны с циклами. В этом блоге мы сосредоточимся на итерационных методах.

Начнем с функций стрелок (= ›)

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

var example = function() {
// code to execute
}

example();

Последняя версия JavaScript на момент написания позволяет использовать стрелочные функции, которые можно записать со следующим синтаксисом:

var example = () => {
  // code to execute
} 
example();
The parentheses, in either case, may contain parameters. When there is only one parameter, the parentheses can be omitted, as such:
var example = parameter1 => {
  // code to execute }

Фильтр ():

filter () метода создает новый массив с элементами, которые передают результат данного теста. Вы также можете использовать фильтр для удаления элементов массива; не влияет на исходные массивы, вместо этого возвращает новый массив.

Пример:

  • Мы взяли массив «годы», и нам нужен массив «век» только с годами 20-го века (1901–2000).
  • будет использовать метод фильтра массива для удаления лет, не относящихся к 20 веку.

Код:
const years = [1989, 2015, 2000, 1999, 2013, 1973, 2012];
let век20;
век20 = years.filter (num = ›Num‹ = 2000);

Вывод
[1989, 2000, 1999, 1973]

Карта ()

Он создает новый массив с результатами вызова функции для каждого элемента в массиве.

Например, , мы можем выводить каждую итерацию цикла на консоль. map () не изменяет исходный массив, вместо этого он возвращает новое значение массива. В отличие от этого, метод forEach () должен быть назначен новой переменной.

Пример:

«Map» в массиве daysOfWeek, создавая новый массив сокращенных дней недели.

Код:

const daysOfWeek = [«воскресенье», «понедельник», «вторник», «среда», «четверг», «пятница», «суббота»];

let abbreviatedDays = daysOfWeek.map (days = ›days.substr (0, 3));

console.log (abbreviatedDays);

Вывод:
[«вс», «пн», «вт», «ср», «чт», «пт», «сб»]

Уменьшить ()

Метод reduce () сокращает массив до одного значения.

Обычно это наблюдается с числами, например при нахождении суммы всех чисел в массиве.

код:

let numbers = [1,2,3,4,5,6]
let n = numbers.reduce ((num1, num2) = ›num1 + num2);

Вывод:
21

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

Удачного обучения ✨👨‍💻