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

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

#статья

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

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

Метод splice()

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

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

#метод

Асинхронность в браузере

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

#статья

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

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

Метод forEach()

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

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

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

#метод

О производительности JavaScript

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

#статья

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

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

Метод push()

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

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

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

#метод

Способы применения reduce

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

#статья

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

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

Метод parseInt()

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

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

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

#метод

Задачи на Promise

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

#статья

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

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

Object.entries()

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

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

#методы

На что способен Selenium в паре с JavaScript?

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

#статья

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

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

Оператор распространения

В 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']

#операторы

.forms

forms — это поле объекта document. Оно хранит коллекцию всех элементов <form>, которые есть на текущей странице.

Коллекция доступна только для чтения.

#объект_страницы

Подробнее

11 новых возможностей JavaScript в ES13

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

#статья

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

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

Метод forEach()

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

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

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

#метод

10 игр для изучения JavaScript

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

#статья

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

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

Функция reduce()

Используется для агрегации значений массива в одно единственное значение

#функции

JavaScript редактор SVG диаграмм

DgrmJS — это библиотека JavaScript для создания блок-схем SVG. Основная цель библиотеки — настроить рабочие процессы в системах BPM (Business Process Management). Подробней об этой библиотеке узнаешь из статьи.

#статья

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

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

Функция map()

Позволяет преобразовывать каждый элемент массива в новый элемент.

#функции

Ошибки с промисами

В данной статье продемонстрированы самые распространенные ошибки при работе с промисами. К ним относятся: использование блока try/catch внутри промиса; неправильное использование Promise.race(); злоупотребление промисами.

#статья

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

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