Вступление
JavaScript — очень мощный язык программирования, особенно в веб-разработке. За последние пять лет этот язык значительно улучшился, и писать на нем стало намного проще благодаря новым удивительным возможностям. Таким образом, советую вам воспользоваться этими функциями, потому что они позволят легко делать многие мощные вещи в языке.
В этой статье мы откроем для себя некоторые удивительные трюки JavaScript, которые вам нужно знать. Давайте сразу перейдем к делу.
1. Преобразование строки в число
Вы можете легко преобразовать строку в число в JavaScript с помощью унарного оператора. Я знаю, что это простой трюк, но некоторые люди об этом не знают. +
Посмотрите на пример ниже:
the_string = "123";
console.log(+the_string);
// 123
the_string = "hello";
console.log(+the_string);
// NaN
Обратите внимание, что он работает только с "строковыми числами", как вы можете видеть в приведенном выше примере.
2. Преобразовать число в строку
Вы также можете преобразовать число в строку в JavaScript. Концепция конкатенации строк облегчает эту задачу.
Взгляните на следующий пример:
var converted_number = 5 + "";
console.log(converted_number);
// 5
console.log(typeof converted_number);
// string
Как видите, всё, что вам нужно, — это просто пустая строка.
3. Извлечение Уникальных Значений
Мы можем создать новый массив в JavaScript только с уникальными значениями, используя объект Set.
Посмотрите на пример ниже:
var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1]
var unique_entries = [...new Set(entries)];
console.log(unique_entries);
// [1, 2, 3, 4, 5, 6, 7, 8]
Это очень мощный и гораздо более чистый способ возврата уникальных значений из массива в JavaScript.
4. Сгладить многомерный массив
Вы также можете просто сгладить массив простым способом, используя метод и оператор spread. — concat()
Посмотрите на пример ниже:
var entries = [1, [2, 5], [6, 7], 9];
var flat_entries = [].concat(...entries);
// [1, 2, 5, 6, 7, 9]
Как вы можете видеть, оператор spread делает его гораздо более чистым и легким для чтения.
5. Заменить всё
Мы знаем, что функция заменяет только первое вхождение. Однако, регулярные выражения в JavaScript также могут быть использованы, для того чтобы заменить содержимое строки. — string.replace
В приведенном ниже примере мы заменим все вхождения, добавив флаг в конце регулярного выражения. — g
Вы можете посмотреть на следующий пример:
var example = "potato potato";
console.log(example.replace(/pot/, "tom"));
// "tomato potato"
console.log(example.replace(/pot/g, "tom"));
// "tomato tomato"
6. Условные Обозначения Короткого Замыкания
Давайте возьмем пример приведенного ниже утверждения:
if (available) {
addToCart();
}
Мы можем легко переписать синтаксис выше с помощью логического оператора. — &&
Посмотрите на пример ниже:
available && addToCart()
Это поможет нам сократить синтаксис выше, просто используя переменную вместе с функцией.
7. Используйте length для изменения размера и опустошения массива
В JavaScript мы можем перезаписать длину массива. Итак, мы воспользуемся этим преимуществом, чтобы изменить размер и очистить массив.
Вот пример, если мы хотим изменить размер массива:
var entries = [1, 2, 3, 4, 5, 6, 7];
console.log(entries.length);
// 7
entries.length = 4;
console.log(entries.length);
// 4
console.log(entries);
// [1, 2, 3, 4]
Вот еще один пример, если мы хотим очистить массив:
var entries = [1, 2, 3, 4, 5, 6, 7];
console.log(entries.length);
// 7
entries.length = 0;
console.log(entries.length);
// 0
console.log(entries);
// []
Вывод
Как вы можете видеть, мы выполнили много задач, не написав много кода. Использование этих советов сделает ваш код намного чище и проще в обслуживании.