JavaScript заметки
8.52K subscribers
2.77K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Метод split()

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

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

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

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

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

#метод
👍2🔥1
Анатомия ошибки

Первый шаг к пониманию ошибок JavaScript — понять, откуда они берутся. Большинство ошибок JavaScript автоматически генерируются движком JavaScript. Делимся статьей, где автор рассказывает про различные типы ошибок.

#статья

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

👉 Читать статью
👍54🔥1
Метод map()

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

Синтаксис метода map() выглядит следующим образом: array.map(callback(element, index, array)). Здесь array представляет исходный массив, а callback - функция обратного вызова, которая будет применяться к каждому элементу массива. Внутри функции обратного вызова можно определить необходимую логику преобразования элемента.

В примере мы применяем функцию слово => слово + "?" к каждому элементу массива слова, добавляя знак вопроса в конец каждого слова. Результатом работы метода map() будет новый массив преобразованныйМассив, содержащий преобразованные элементы исходного массива.

#метод
👍71🔥1
Внутреннее устройство JavaScript

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

#статья

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

👉 Читать статью
👍2
Метод toFixed()

Метод toFixed() в JavaScript используется для форматирования числа с фиксированным количеством знаков после десятичной точки. Он возвращает строковое представление числа с указанным числом знаков после запятой.

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

В приведенном примере у нас есть число 3.14159, к которому мы применяем метод toFixed() с аргументом 2. Метод toFixed(2) форматирует число, оставляя два знака после десятичной точки, и возвращает строку "3.14". Мы выводим эту строку в консоль и получаем "3.14". Обратите внимание, что метод toFixed() округляет число в соответствии с правилами округления.

#метод
👍2
18 продвинутых навыков JavaScript для старших инженеров-программистов

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

#статья

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

👉 Читать статью
👍21
Метод Object.values()

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

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

В примере у нас есть объект с различными свойствами, такими как "имя", "возраст" и "город". Мы вызываем метод Object.values() и передаем в него этот объект. Результатом будет новый массив значения, содержащий все значения свойств объекта. В данном случае, вывод в консоль будет следующим: ['Алексей', 30, 'Москва'].

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

#метод
👍9
Стек вызовов JavaScript: объяснение с помощью иллюстраций

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

#статья

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

👉 Читать статью
4
Метод includes()

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

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

В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.

#метод
👍81
6 современных возможностей JavaScript, о которых не знает большинство разработчиков

Современному JavaScript есть что предложить разработчикам для решения насущных задач. Эти 6 советов помогут писать лаконичный, хорошо читаемый и отлично работающий код JavaScript.

#статья

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

👉 Читать статью
🔥4👍1
Метод splice()

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

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

#метод
👍9
Асинхронность в браузере

Делимся статьей, в которой автор составил подробный гайд про асинхронность в браузере. Рассмотрены цикл событий, функции обратного вызова, async/await и другие темы. Благодаря данной статье у тебя сформируется полное понимание асинхронности в браузере.

#статья

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

👉 Читать статью
👍3
Метод forEach()

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

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

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

#метод
👍6🔥21
О производительности JavaScript

Бенчмарки — это что-то вроде минного поля. Каждый бенчмарк имеет свои недостатки и погрешности, и помимо пиковой производительности существует целый ряд других факторов, которые необходимо оценивать при выборе платформы или фреймворка для создания веб-сервисов. В данной статье автор демонстрирует производительность фреймворка just-js.

#статья

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

👉 Читать статью
👍3
Метод push()

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

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

В примере у нас есть массив [1, 2, 3], к которому мы применяем метод push() и передаем два дополнительных элемента: 4 и 5. Метод push() добавляет эти элементы в конец массива, изменяя его. После вызова метода и вывода массива в консоль, мы получаем [1, 2, 3, 4, 5].

#метод
👍112🔥2
Способы применения reduce

Метод reduce() выполняет функцию редуктора для каждого элемента массива и возвращает одно выходное значение. Редьюсер проходит по массиву поэлементно. На каждом шаге добавляет текущее значение массива к результату предыдущего шага. Этот результат является текущей суммой всех предыдущих шагов. Делается это до тех пор, пока не останется элементов для добавления. Делимся статьей, где автор демонстрирует различные применения reduce.

#статья

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

👉 Читать статью
👍111
Метод parseInt()

Метод parseInt() в JavaScript используется для преобразования строки в целое число. Он пытается проанализировать переданную строку и извлечь из нее целочисленное значение.

Чтобы использовать метод parseInt(), передайте ему строку, которую вы хотите преобразовать в число, в качестве аргумента. Метод parseInt() будет искать цифровую часть строки, игнорируя начальные пробелы, и преобразовывать ее в целое число. Если в начале строки содержатся недопустимые символы, parseInt() вернет NaN (Not a Number).

В примере строка "42" передается в метод parseInt(). Он преобразует строку в целое число 42. Затем результат сохраняется в переменной число, и при выводе в консоль получаем значение 42.

#метод
2👍1
Задачи на Promise

Объект Promise представляет возможное завершение (или сбой) асинхронной операции и ее результирующее значение. В данной статье продемонстрированы основные задачи на Promsie, которые часто спрашивают на собеседованиях. Присутствует код с подробными комментариями.

#статья

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

👉 Читать статью
3👍1
Object.entries()

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

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

#методы
👍112
На что способен Selenium в паре с JavaScript?

Что получится, если совместить Selenium WebDriver и JavaScript? Ответ: море преимуществ в процессе веб-разработки, повышенная эффективность и качественный результат.

#статья

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

👉 Читать статью
1🔥1
Оператор распространения

В ES5 мы могли найти максимальные значения в массиве, используя метод apply на Math.max следующим образом:

Math.max.apply(null, [-1, 100, 9001, -32]); // 9001

В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции:

Math.max(...[-1, 100, 9001, -32]); // 9001

Мы можем легко конкатенировать литералы массивов:

let cities = ['San Francisco', 'Los Angeles'];
let places = ['Miami', ...cities, 'Chicago']; // ['Miami', 'San Francisco', 'Los Angeles', 'Chicago']

#операторы
👍5