JavaScript test
9.55K subscribers
3.13K photos
17 videos
4.83K links
Javascript и все что с ним связано

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc
Download Telegram
🔥Что будет на выходе?

Ответ: undefined

JavaScript test | ChatGPT
Использование Spread Operator для объединения массивов или объектов

Spread Operator (оператор расширения) позволяет развертывать элементы массива или свойства объекта в другой массив или объект.

JavaScript test
| ChatGPT
🧠Что будет на выходе?

Ответ: Window

JavaScript test | ChatGPT
flat

Это метод, который создает новый массив со всеми элементами вложенного массива, рекурсивно объединенными с вышестоящим массивом до заданной глубины.

const array = [1, 2, [3, 4]];
array.flat(); // [1, 2, 3, 4];

Это очень полезная фича, особенно если вы хотите выровнять вложенный массив с вышестоящим. Но если уровень вложенности вашего массива больше единицы, одноразовый вызов flat не сможет полностью выровнять массивы. Тогда для flat можно задать параметр глубины, который укажет на то, какой уровень вложенности вы хотите охватить, чтобы выровнять массивы.

const crazyArray = [1, 2, [3, 4], [[5], [6, [7,8]]]];
crazyArray.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8];

Чем глубже вы погружаетесь в массив, тем больше вычислительного времени потребуется для его выравнивания. Обратите внимание, что IE и Edge не поддерживают эту функцию.

JavaScript test | ChatGPT
Удалить из массива повторяющиеся элементы

С помощью Set:

const array = [1, 2, 2, 3, 1, 5];
const unique = [...new Set(array)];
console.log(unique); // [1, 2, 3, 5];

С помощью метода массива filter:

const array = [1, 2, 2, 3, 1, 5];
const unique = array.filter((value, index) => {
return array.indexOf(value) === index;
});
console.log(unique); // [1, 2, 3, 5]

JavaScript test | ChatGPT
🔥Что будет на выходе?

Ответ: undefined, undefined, undefined, undefined, undefined

JavaScript test | ChatGPT
🧩Что будет на выходе?

Ответ: Ошибка

JavaScript test | ChatGPT
Использование Set для хранения уникальных значений

Set предоставляет коллекцию уникальных значений, и дубликаты автоматически удаляются.

JavaScript test | ChatGPT
❔Что будет на выходе?

Ответ: object

JavaScript test | ChatGPT
🧠Что будет на выходе?

Ответ: 24

JavaScript test | ChatGPT
Использование Map для хранения пар "ключ-значение"

Map предоставляет структуру для хранения данных в виде пар "ключ-значение", где ключи могут быть любого типа.

JavaScript test | ChatGPT
Использование async/await для управления асинхронными операциями

async/await предоставляют удобный способ работы с асинхронным кодом, делая его более читаемым и управляемым.

JavaScript test | ChatGPT
🔥Что будет на выходе?

Ответ: 45

JavaScript test | ChatGPT
Простой промис с resolve и then

В этом примере мы создаем промис, который успешно выполняется через 1 секунду и передает строку "Успех!" в функцию then.

JavaScript test | ChatGPT
❓Что будет на выходе?

Ответ: 30 10

JavaScript test | ChatGPT
Использование Higher-Order Functions для обработки массивов

Higher-Order Functions (функции высшего порядка) принимают или возвращают другие функции, и их использование делает код более гибким и функциональным.

JavaScript test | ChatGPT
❓Что будет на выходе?

Ответ: 18

JavaScript test | ChatGPT
Нулевое слияние для JavaScript

Все мы часто писали такой код:

const obj = {
name: 'James'
};
const name = obj.name || 'Jane'; // James

Если obj.name является ложным, возвращается «Jane», а 'undefined' возвращаться не будет. Но проблема в том, что пустая строка ('') также будет считаться ложью в этом случае. Так что мы должны переписать код снова, как показано ниже.

const name = (obj.name && obj.name !== '') ? obj.name : 'Jane';

Каждый раз писать такой код – это головная боль. Эта фича позволяет нам проверять только null и undefined.

JavaScript test
🧩Что будет на выходе?

Ответ: d

JavaScript test | ChatGPT
Работа с локализацией: перевод и форматирование текста на разных языках

Работа с локализацией является важной частью разработки веб-приложений, особенно при создании мультиязычных интерфейсов.

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

В данном примере мы создаем объект Intl с помощью конструктора new Intl.NumberFormat(). Мы указываем язык и регион (в данном случае 'en-US' для английского языка в США) и опции форматирования (в данном случае стиль 'currency' и валюту 'USD').

Затем мы используем метод format() объекта Intl для форматирования числа amount в соответствии с указанными опциями. В данном примере мы форматируем число в денежный формат.

JavaScript test | ChatGPT