Код маминой подруги

2022-11-04 12:01:23 Научиться разработке сайтов гораздо проще, чем ты думаешь!

Ведь мы нашли новый телеграм-канал, в котором опытные разработчики делятся с вами действительно полезными материалами и наработками за годы своей практики

Там вы найдёте:

1. Практику и теорию по HTML, CSS и JS
2. Задачи с пояснениями
3. Прочие плюшки и полезности

Если ты хочешь ворваться в IT и начать зарабатывать на этом, то тебе однозначно будет полезен этот канал Открыть/Комментировать

2022-11-04 09:46:32 Метод arr.splice(str)

Что делать, если потребуется удалить элемент из массива? Да, можно попробовать сделать это с помощью delete.
Но таким способом можно удалить только значение элемента (arr.length не изменится), но не сам элемент.

Поэтому нужно использовать специальные методы, например arr.splice.

В коде выше с помощью метода, начиная с позиции 1, убран 1 элемент.

#методы #массивы Открыть/Комментировать

2022-11-03 19:20:36 Оператор расширения (...)

Допустим, что у нас есть встроенная функция Math.max. Она возвращает наибольшее число из списка.
И допустим, у нас есть массив чисел
[3, 5, 1]. Как вызвать для него Math.max?
Просто так их не вставишь — Math.max ожидает получить список чисел, а не один массив.

Конечно, мы можем вводить числа вручную : Math.max(arr[0], arr[1], arr[2]). Но это непрофессиАНАЛьно, и аргументов может быть очень много.

И тут нам поможет оператор расширения (...).
Если остаточные параметры (...) делают из аргументов массив, то тут все в точности наоборот.

Когда ...arr используется при вызове функции, он «расширяет» перебираемый объект arr в список аргументов.
Таким образом мамкины программисты могут передать несколько итерируемых объектов и даже комбинировать оператор расширения с обычными значениями.

#функции #операторы Открыть/Комментировать

2022-11-02 15:18:47 Остаточные параметры (...)

Остаточные параметры могут быть обозначены через три точки .... Буквально это значит: «собери оставшиеся параметры и положи их в массив».

Мы можем положить первые несколько параметров в переменные, а остальные – собрать в массив.
В приведенном коде первые два аргумента функции станут именем и фамилией (Илон Маск), а третий и последующие превратятся в массив titles

#функции Открыть/Комментировать

2022-10-31 08:01:01 Map

Map – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа.
Например Map может использовать объекты в качестве ключей.

Использование объектов в качестве ключей – одна из наиболее важных функций Map. Это то что невозможно для Object. Строка в качестве ключа в Object – это нормально, но мы не можем использовать другой Object в качестве ключа в Object.

#theory Открыть/Комментировать

2022-10-30 08:00:48 Set

Объект Set – это особый вид коллекции: «множество» значений (без ключей), где каждое значение может появляться только один раз.

Основная «изюминка» – это то, что при повторных вызовах set.add() с одним и тем же значением ничего не происходит, за счёт этого как раз и получается, что каждое значение появляется один раз.

Например, мы ожидаем посетителей, и нам необходимо составить их список. Но повторные визиты не должны приводить к дубликатам. Каждый посетитель должен появиться в списке только один раз.

Множество Set – как раз то, что нужно для этого

Identifier 'mary' has already been declared

Если вы внесете дважды одно и то же значение то получите ошибку

#set #типы_данных Открыть/Комментировать

2022-10-29 08:00:45 Объекты

Может хранить множество значений как свойства.

Объявляется при помощи фигурных скобок {}, например: {name: "Юрий", age: 30}. В JavaScript есть и другие виды объектов: например, функции тоже являются объектами.

Одна из лучших особенностей объектов – это то, что мы можем хранить функцию как одно из свойств объекта.

#объекты Открыть/Комментировать

2022-10-28 08:01:10 Object.entries()

Данный метод возвращает массив собственных перечисляемых свойств указанного объекта в формате [key, value], в том же порядке, что и в цикле for...in (разница в том, что for-in перечисляет свойства из цепочки прототипов).

Порядок элементов в массиве который возвращается Object.entries() не зависит от того как объект объявлен.
Если существует необходимость в определённом порядке, то массив должен быть отсортирован до вызова метода, например 
Object.entries(obj).sort((a, b) => a[0] - b[0]);.

#методы Открыть/Комментировать

2022-10-27 08:01:15 Object.entries()

Если у нас уже есть обычный объект, и мы хотели бы создать Map из него, то поможет встроенный метод Object.entries(obj), который получает объект и возвращает массив пар ключ-значение для него, как раз в этом формате.
Так что мы можем создать Map из обычного объекта

В коде Object.entries возвращает массив пар ключ-значение: [ ["name","John"], ["age", 30] ].
Это именно то, что нужно для создания Map.

#map Открыть/Комментировать

2022-10-26 08:01:10 Ключевое слово «this»

Как правило, методу объекта обычно требуется доступ к информации, хранящейся в объекте, для выполнения своей работы.
Например, коду внутри user.sayHi() может потребоваться имя пользователя, которое хранится в объекте user.

Для доступа к информации внутри объекта метод может использовать ключевое слово this.
Значение this – это объект «перед точкой», который используется для вызова метода.

В данном примере во время выполнения кода user.sayHi() значением this будет являться user (ссылка на объект user).

Технически также возможно получить доступ к объекту без ключевого слова this, обратившись к нему через внешнюю переменную (в которой хранится ссылка на этот объект)

Но если мы решим скопировать ссылку на объект user в другую переменную, например, admin = user, и перезапишем переменную user чем-то другим, тогда будет осуществлён доступ к неправильному объекту при вызове метода из admin.

#методы Открыть/Комментировать