Когда я начал свой путь к разработке программного обеспечения, я мог писать коды, но нельзя сказать, что это красивые коды. Поэтому я решил изучить некоторые из них и сделать жизнь каждого нового JS-разработчика немного проще. Поверьте, я сделал это только для вас, ребята! 😜. Итак, приступим:

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

Существуют различные способы преобразования строки в целое число, наиболее классический способ сделать это - использовать функцию parseInt.

console.log(parseInt("123")); // 123

Другой, более удобный способ сделать это - использовать знак «+» или унарный оператор:

console.log(+"123"); // 123

Преобразование целого числа в строку

Это также относится к повседневному преобразованию типов. Традиционный способ сделать это - использовать функцию toString.

console.log(toString(123)); // "123"

Другой способ сделать это - просто объединить его с пустой строкой

string = 123 + "";
console.log(typeof(string)); // "string"
console.log(string); // "123"

Преобразование с плавающей запятой в целое

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

Math.floor(6.626) // 6
Math.ceil(6.626) // 7
Math.round(6.626) // 7

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

value = 6.626;
console.log(value | 0); // 6
console.log(~~value); // 6

Как написать условия для многозначных переменных

Приведу пример того, как мы пишем такой код (но не сейчас):

if(fruit == "apple" || fruit == "mango"){
  console.log("I like this fruit");
}
else{
  console.log("Ugh! It sucks!");
}

Лучше всего это написать:

if(["apple","mango"].includes(fruit)){
  console.log("I like this fruit");
}
else{
  console.log("Ugh! It sucks!");
}

Давайте напишем это более эффективно:

console.log(["apple","mango"].includes(fruit) ? "I like this fruit" : "Ugh! It sucks!");

Получить первые n значений массива

Сделать это можно несколькими способами:

Используя метод среза:

arr = [1,2,3,4];
arr.slice(0,2); // [1,2]

Изменяя размер массива

arr = [1,2,3,4];
arr.length = 2;
console.log(arr); // [1,2]

Получение последних n значений массива

Вы можете сделать это с помощью метода среза.

arr = [1,2,3,4];
arr.slice(-2); // [3,4]

JSON Pretty Print

Вы можете сделать красивую печать JSON с помощью функции stringify.

json = {a: {id: 4}, b: 6};
console.log(JSON.stringify(json,null,'\t')); // Prints pretty JSON

Заменить все сразу

В JS нет специальной функции для замены всего из строки. Но сделать это можно только с помощью функции замены.

str = "abcaabcdaaa"
console.log(str.replace(/a/g, '*')); // *bc**bcd***

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

Оператор распространения - это полезный и быстрый синтаксис для добавления элементов в массивы, объединения массивов или объектов и распределения массива по аргументам функции. Давайте посмотрим на пример:

function sum(...values) {
    return values.reduce((prevSum,value) => prevSum+value, 0);
}
console.log(sum(1)); // 1
console.log(sum(1, 2)); // 3
console.log(sum(1, 2, 3)); // 6
console.log(sum(1, 2, 3, 4)); // 10

Обещать все функции

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

const firstPromise = Promise.resolve(12);
const secondPromise = 112;
const thirdPromise = new Promise((res,rej)=>{
  setTimeout(()=>{ res('Success'); }, 1000)
});
Promise.all([firstPromise, secondPromise, thirdPromise]).then((value)=> console.log(value)); // [12, 112, "Success"]