Обрезка массива

Если вам необходимо убрать значения из массива, то есть более быстрые методы, чем splice().

К примеру, если вы знаете размер оригинального массива, то можете переопределить его свойство length следующим образом:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
array.length = 4;
 
console.log(array); // Result: [0, 1, 2, 3]

Но есть и еще один метод, причем более быстрый. Если для вас имеет значение именно скорость, то вот наш выбор:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
array = array.slice(0, 4);

console.log(array); // Result: [0, 1, 2, 3]

#массивы

Создание QR-кода

Библиотека QRCode.js позволяет создавать QR-коды. Делимся статьей, где автор демонстрирует настройку и генерацию QR-кода. Также продемонстрировано использования кода в ванильном JS.

#статья

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

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

Вывод последнего значения (значений) массива

Этот прием требует использования метода slice().

#массив

Сравнение элементов двух массивов

Благодаря этой статьей ты научишься сравнивать элементы двух массивов. Рассмотрено два метода решения этой задачи: использование объектов Set; применение функций высшего порядка.

#статья

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

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

Форматирование JSON-кода

Возможно, вы уже использовали JSON.stringify. Знаете ли вы, что он помогает форматировать ваш JSON?

Метод stringify() принимает два необязательных параметра: функцию replacer, которую можно использовать для фильтрации отображаемого JSON, и значение space.

#полезно

Преобразование чисел

Делимся статьей, где автор демонстрирует преобразование шестнадцатеричного числа в десятичное. Для этого используется ParseInt. Для наглядности приведен пример преобразования шестнадцатеричного кода цвета в его эквивалент в формате RGB.

#статья

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

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

webpack

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

#статья

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

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

Оператор с запятой

Вновь простой вопрос, что будет выведено в консоль?

console.log((2,5 - 2) * 2);

Совершенно верно, 6. Но почему?

Всё дело в том, что тут написано не число два с половиной, а число два, запятая, число 5. Что делает запятая? Она выполняет слева направо каждый из операндов и возвращает значение последнего, в данном примере число 5.

#операторы

Чтение документации API

Лучшая документация по API — это справочник, в котором кратко объясняется, что возможно, а что нет, и с чего начать. Он также служит местом, к которому пользователи могут обращаться с вопросами о синтаксисе или функциональности. В данной статье рассказано, как читать и понимать документацию API.

#статья

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

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

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

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

#статья

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

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

Plasmo

Plasmo – универсальная платформа, которая позволяет разработчикам расширений для браузеров создавать, тестировать и публиковать расширения. Делимся статьей, где автор демонстрирует наглядное применение Plasmo для разработки расширения браузера.

#статья

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

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

require и import

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

#статья

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

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

Взять последние элементы из массива

Обратите внимание: метод slice доступен для массива так же, как и для строки.

#полезно

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

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

#статья

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

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

Три способа проверить, является ли объект массивом

В JS массив также является объектом, так что для такой проверки вы можете использовать три способа (это часто задают на собеседованиях):

const arr = [1, 2, 3, 4];

• arr.constructor.toString().indexOf("Array") > -1
• arr instanceof Array
• Array.isArray(arr)

#полезно

Создание столбчатых диаграмм

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

#статья

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

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