Привет и спасибо, что заглянули. В этой статье я расскажу о функциях и массивах в JavaScript. Это действительно важные темы, поэтому обратите внимание. Давайте приступим к делу!

ФУНКЦИИ

Функции - это один из основных строительных блоков в программах на JavaScript. Функция - это блок кода, написанный для выполнения задачи, который можно использовать снова и снова. Напишите его один раз и используйте миллион раз. Круто, правда? Это избавляет от необходимости писать один и тот же фрагмент кода снова и снова, позволяя разработчикам писать аккуратный и эффективный код.

Давайте напишем функцию, которая будет выводить на консоль hello world

Это пример функции, которая не принимает параметр (ввод) и ничего не возвращает.

function printHello () {
    console.log('Hello, world!');
}

Чтобы вызвать / вызвать функцию, вы говорите:

printHello();

Результатом функции будет:

Hello, world!

Объявления функций

Прежде чем мы сможем использовать функцию, нам нужно ее определить. Функция определение / объявление состоит из ключевого слова function, за которым следует уникальное имя функции, список параметров для функция и блок операторов, окруженный фигурными скобками.

Пример объявления функции:

function birthYear(age){
    return 2021 - age;
}

Функция birthYear принимает один параметр age. В блоке кода есть одна инструкция, которая инструктирует функцию вернуть значение года рождения, найденное путем вычитания параметра age из 2021. Задача, которую выполняет эта конкретная функция, - вычислить год рождения. Надеюсь, этот пример поможет вам лучше понять, что такое функция.

Вышеуказанная функция может быть вызвана / вызвана следующим образом:

birthYear(21);
//if you want to log the results of the function:
console.log(birthYear(21));
//1999 will be logged on the console

Функциональные выражения

Мы также можем определить функцию JavaScript с помощью выражения. Таким образом, мы сохраняем функцию в переменной, а затем повторно используем ее. В выражениях вы пишете функции анонимно, нет необходимости писать имя функции.

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

const birthYear = function(age){
       return 2021 - age;
}

Обратите внимание, что в этом примере идентификатор birthYear - это не имя функции, а имя переменной, хранящей функцию. Помните, что выражения функций анонимны.

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

Давайте посмотрим на пример подъема:

yourName('Minnie'); //invoking a function before its declared
//declaring the function 
function yourName(name){
console.log(`Your name is ${name}`)
}
//The code works and it will output: 'Your name is Minnie'.

Стрелочные функции

Стрелочные функции - это функциональные выражения, которые позволяют нам писать короткий синтаксис функций. Они экономят разработчикам много времени и упрощают объем функций.

Структура стрелочных функций:

(argument1, argument2,..., argumentN) => {
     function body
}

Пример используемых стрелочных функций:

const yourName = name => console.log(`Your name is ${name}`);
//you do not need to put parentheses over just one argument hence we don't have parentheses over 'name' in this example

Стрелочные функции знаменуют конец нашего обсуждения функций. Чтобы лучше понять, прочитайте больше о функциях, напишите реальный код и запустите его.

МАССИВЫ

Массив - это структура данных (формат хранения данных) или отдельная переменная, которая может хранить более одного значения одновременно. Он часто используется, когда мы хотим сохранить список элементов и получить к ним доступ с помощью одной переменной. О массивах JavaScript следует отметить два важных момента:

  1. Массив может содержать значения разных типов. Например, у вас может быть массив, в котором хранятся числа вместе со строками и логическими значениями.
  2. Длина массива в JavaScript имеет динамический размер. Это означает, что вам не нужно указывать размер массива при его объявлении. Он автоматически увеличивается, его размер не ограничен, если вы не ограничите его, передав размер массива в конструкторе Array во время объявления.

Объявление

Есть два синтаксиса для создания пустого массива:

let arr = new Array();
let arr = [];

Чтобы создать массив с элементами, вы должны передать элементы в виде списка, разделенного запятыми:

let arr = new Array('Minnie', 'Phummy', 'Nandi', 12, 8, 24, true);
let arr = ['techit', true, 21);

Вы также можете создать массив с начальным размером, передав число в конструктор массива Array ():

let arr = new Array(10);
//The array created can only store 10 elements

Доступ к элементам массива можно получить, используя их порядковые номера, и они нумеруются, начиная с 0 - индексация с нуля!

let friends = ['Minnie', 'Tino', 'Vimbai'];
console.log(friends[0]); //'Minnie'
console.log(friends[1]); //'Tino'
console.log(friends[2]); //'Vimbai'

Мы можем заменить элемент:

friends[0] = 'Lisa';
console.log(friends); //Now logs [Lisa, Tino, Vimbai] to the console

Методы массива

Метод JavaScript - это свойство, содержащее определение функции. Это означает, что методы могут изменять массивы. Давайте посмотрим на четыре общих метода изменения массивов JavaScript:

Нажать

  • Метод, используемый для добавления элемента в конец массива
let favoriteColors = ['pink', 'blue', 'red'];
favoriteColors.push('white');
console.log(favoriteColors);
//logs ['pink', 'blue', 'red', 'white']

Поп

  • Метод, который извлекает элемент в конце массива и возвращает его.
console.log(favoriteColors.pop()); 
//removes 'white' and logs it to the console

Сдвиг

  • Метод, который удаляет элемент в начале массива и возвращает его.
console.log(favoriteColors.shift());
//removes 'pink' and logs it to the console
console.log(favoriteColors);
//logs ['blue', 'red']

Без сдвига

  • Метод, который добавляет элемент в начало массива
favoriteColors.unshift('orange');
console.log(favoriteColors);
//logs ['orange', 'blue', 'red'] to the console

Вау, это было много для понимания. Надеюсь, эта статья была полезной. Следите за новостями!