Метод concat()

Метод concat() в JavaScript позволяет объединить несколько массивов в один новый массив. Он создает и возвращает новый массив, который содержит все элементы из исходных массивов.

В примере у нас есть три массива: array1, array2 и array3. Мы вызываем метод concat() на массиве array1 и передаем в него остальные два массива (array2 и array3). Результатом будет новый массив mergedArray, содержащий все элементы из трех исходных массивов. В данном случае, он будет иметь следующий вид: [1, 2, 3, 4, 5, 6, 7, 8, 9].

Метод concat() особенно полезен, когда вам необходимо объединить несколько массивов в один без изменения исходных массивов. Вы можете использовать его для создания нового массива, содержащего все элементы из разных массивов в нужном порядке.

#метод

5 библиотек JavaScript

Представляем 5 полезных, но малоизвестных библиотек JavaScript! Они помогут сэкономить силы и время при форматировании дат, обработке URL-параметров и отладке веб-страниц в мобильном терминале.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод indexOf()

Метод indexOf() в JavaScript позволяет найти индекс первого вхождения указанного элемента в массиве. Он возвращает индекс найденного элемента или -1, если элемент не найден.

В примере у нас есть массив fruits, содержащий названия различных фруктов. Мы вызываем метод indexOf() на массиве fruits и передаем в него элемент 'груша'. Результатом будет индекс первого вхождения элемента 'груша', который равен 2. Обратите внимание, что индексы в массиве начинаются с 0.

Метод indexOf() особенно полезен, когда вам необходимо найти позицию определенного элемента в массиве. Если элемент не найден, метод вернет -1, что может быть использовано для проверки наличия элемента в массиве.

#метод

Чистый код JavaScript

Чистый код - результат нелегкого труда. Однако отладка грязного кода требует вдвое больше усилий, чем создание чистого. Поэтому каждому программисту стоит овладеть хотя бы элементарными приемами написания чистого кода.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод lastIndexOf()

Метод lastIndexOf() в JavaScript позволяет найти индекс последнего вхождения указанного элемента в массиве. Он возвращает индекс последнего найденного элемента или -1, если элемент не найден.

В примере у нас есть массив numbers, содержащий различные числа. Мы вызываем метод lastIndexOf() на массиве numbers и передаем в него элемент 2. Результатом будет индекс последнего вхождения элемента 2, который равен 5.

Метод lastIndexOf() особенно полезен, когда вам нужно найти последнее вхождение элемента в массиве. Если элемент не найден, метод вернет -1, что может быть использовано для проверки наличия элемента в массиве.

#метод

Стек вызовов JavaScript

Как выполняются функции в Javascript? Каков порядок их выполнения? Что такое контекст выполнения? Отвечаем на эти вопросы с иллюстрациями.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод Object.freeze()

Метод Object.freeze() в JavaScript используется для "замораживания" объекта, что означает запрет на изменение его свойств. После применения этого метода, нельзя добавлять новые свойства, удалять существующие или изменять значения существующих свойств объекта. Это полезно, когда мы хотим защитить определенные данные от изменений.

В примере мы создаем объект user с двумя свойствами: name и age. Затем мы применяем метод Object.freeze(user), который "замораживает" объект user и делает его свойства неизменяемыми. Попытка изменить значение свойства age после заморозки объекта не приводит к изменению значения, и выводится исходное значение 30.

Метод Object.freeze() полезен, когда нам нужно обеспечить неприкосновенность данных и предотвратить случайные или нежелательные изменения в объекте. Он помогает гарантировать, что объект остается неизменным, что может быть важным в различных сценариях разработки.

#метод

Движок для игры от первого лица в 265 строках Javascript

В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся приёмом под названием «бросание лучей» (raycasting).

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод Object.seal()

Метод Object.seal() используется для "запечатывания" объекта, что означает запрет на добавление новых свойств, но позволяет изменять или удалять существующие свойства объекта. Нельзя добавлять новые свойства, но можно изменять значения и удалять уже существующие свойства.

В примере мы создаем объект user с двумя свойствами: name и age. Затем мы применяем метод Object.seal(user), который "запечатывает" объект user и запрещает добавление новых свойств. Мы можем изменять значения существующих свойств, поэтому изменение значения свойства age на 35 проходит успешно. Однако попытка добавить новое свойство gender не приводит к его добавлению, и выводится значение undefined.

Метод Object.seal() полезен, когда нам нужно предотвратить добавление новых свойств к объекту, но позволить изменять или удалять существующие свойства. Это может быть полезным в ситуациях, когда мы хотим контролировать структуру и свойства объекта и избежать неожиданных изменений в его структуре.

#метод

Как использовать JavaScript для сокращения HTML-кода

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Полезные методы объектов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод Object.getOwnPropertyDescriptor()

Метод Object.getOwnPropertyDescriptor() в JavaScript используется для получения дескриптора свойства объекта. Дескриптор свойства представляет собой объект, содержащий информацию о свойстве, такую как его значение, наличие флагов доступности, возможность изменения и другие характеристики.

В примере у нас есть объект user с двумя свойствами: name и age. Мы применяем метод Object.getOwnPropertyDescriptor(), передавая ему объект user и имя свойства "name". Результатом будет объект descriptor, содержащий информацию о свойстве "name".

#метод

Трекер расходов

SheetJS — это библиотека JavaScript для Excel, которая позволяет преобразовывать html-таблицу, массив или json в загружаемый xlsx-файл. Все это делается прямо в браузере. Благодаря этой статье ты узнаешь, как создать трекер расходов с помощью SheetJS.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод JSON.stringify()

Метод JSON.stringify() в JavaScript используется для преобразования объекта в JSON-строку. JSON (JavaScript Object Notation) - это формат обмена данными, который широко используется для передачи данных между клиентом и сервером. Метод JSON.stringify() принимает объект и возвращает его строковое представление в формате JSON.

В примере у нас есть объект user, который содержит информацию о пользователе, такую как имя, возраст и город. Мы применяем метод JSON.stringify() к объекту user для преобразования его в JSON-строку. Результатом будет строка, содержащая данные в формате JSON:

{"name":"Алексей","age":30,"city":"Москва"}

Строка представляет собой объект в формате JSON, где каждое свойство объекта представлено в виде ключа и значения, заключенных в двойные кавычки. С помощью метода JSON.stringify() мы можем легко преобразовать объекты в формат JSON и использовать их для передачи данных по сети или сохранения на сервере.

#метод

Повышение производительности

Делимся статьей, где автор дает советы по повышению производительности JavaScript. К ним относятся: использование локальных переменных, XMLHttpRequest, инструментов для отладки и многое другое.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод includes()

Метод includes() в JavaScript используется для проверки наличия определенного элемента в массиве. Он возвращает логическое значение true, если элемент присутствует в массиве, и false, если элемент отсутствует.

В примере у нас есть массив покемоны, который содержит названия различных покемонов. Мы используем метод includes() для проверки наличия определенных покемонов в массиве.

В первом вызове метода includes() мы проверяем, содержит ли массив покемоны элемент 'Чаризард'. Поскольку 'Чаризард' присутствует в массиве, результатом будет true.

Во втором вызове метода includes() мы проверяем, содержит ли массив покемоны элемент 'Бульбазавр'. Поскольку 'Бульбазавр' отсутствует в массиве, результатом будет false.

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

#метод

Топ-15 шпаргалок для разработчиков

Некоторые языки и фреймворки настолько сложны, что ты можешь не помнить весь синтаксис или методы. К счастью, существуют шпаргалки, которые помогают быстро вспомнить необходимые методы. Делимся статьей, где автор демонстрирует 15 шпаргалок для программистов и WEB-разработчиков.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод reduce()

Метод reduce() предоставляет мощный инструмент для работы с массивами.

Синтаксис метода reduce() выглядит следующим образом: array.reduce(callback, initialValue). Первым аргументом передается функция обратного вызова (callback), которая будет применяться к каждому элементу массива. Вторым аргументом является начальное значение (initialValue), которое будет использоваться при первой итерации.

В примере у нас есть массив числа, содержащий набор чисел. Мы используем метод reduce() для вычисления суммы всех элементов массива.

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

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

#метод

Копирование в JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Метод split()

Метод split() предоставляет возможность разделить строку на подстроки на основе заданного разделителя. Результатом метода будет массив подстрок, полученных путем разделения исходной строки.

Синтаксис метода split() выглядит следующим образом: string.split(separator, limit). Первым аргументом separator указывается разделитель, по которому будет производиться разделение. Второй аргумент limit является необязательным и позволяет ограничить количество элементов в результирующем массиве.

В примере у нас есть строка фраза, содержащая приветствие и вопрос о самочувствии. Мы используем метод split() с разделителем ", " для разделения строки на подстроки.

Результатом будет массив подстроки, содержащий две подстроки: "Привет" и "как дела?". Разделитель ", " указывает на то, что разделение должно производиться по этой комбинации символов.

Метод split() находит широкое применение в обработке текстовых данных, где требуется разделение строки на отдельные элементы для дальнейшей обработки.

#метод