Фрагменты кода JavaScript, которые вам часто придется использовать.

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

Однако иногда необязательно всегда использовать фреймворки и библиотеки для написания кода JavaScript. Вот почему в этой статье я хотел поделиться с вами некоторыми полезными фрагментами кода JavaScript для решения простых задач. Так что давайте перейдем к делу.

1. Случайный элемент из массива

Чтобы вернуть случайный элемент или элемент из массива, нам нужно будет использовать методы Math.random() и Math.floor() со свойством length.

Вот пример:

let cars = ['Ford', 'Ferrari', 'BMW', 'Toyota'];
//Store a random array item in a variable.
let randomCar = cars[Math.floor(Math.random()* cars.length)];
//Print the random item from car array.
console.log(randomCar); //returns random element

Каждый раз, когда вы запускаете код снова, на консоль выводится новый случайный элемент из массива.

2. Проверьте, является ли аргумент числом.

В приведенном ниже примере мы проверим, является ли аргумент функции числом, используя три метода isNaN(), parseFloat() и isFinite().

Посмотри:

function isNumber(number){
   return !isNaN(parseFloat(number)) && isFinite(number);
}
isNumber(5); //returns true
isNumber("Hello"); //returns false

3. Легко переворачивайте струну.

Чтобы легко перевернуть строку, мы можем использовать метод reverse(), но он работает только для массивов. Вот почему мы преобразуем строку в массив с помощью split(), обратим ее, а затем преобразуем обратно в строку с помощью метода join().

Вот пример кода:

let str = "Hello World";
str.split("").reverse().join(""); //returns 'dlroW olleH'

4. Преобразование двоичного текста в обычный.

Чтобы преобразовать двоичный код в обычный текст с помощью JavaScript, нам нужно сначала преобразовать двоичный код в десятичные числа. Затем мы воспользуемся методом String.fromCharCode() для преобразования десятичных знаков в текст.

Вот пример:

function binaryToText(binary) {
//Convert binary into an array of strings separated by whitespace.    binary = binary.split(' ');
//convert from binary to decimals to text. 
return binary.map(elem => String.fromCharCode(parseInt(elem, 2))).join("");
}
binaryToText("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01001010 01100001 01110110 01100001 01010011 01100011 01110010 01101001 01110000 01110100"); //returns I love JavaScript
binaryToText("01010100 01101000 01100001 01110100 00100111 01110011 00100000 01100111 01101111 01101111 01100100"); //returns That's good

5. Вычислить факториал числа.

Чтобы вычислить факториал числа, мы будем использовать стрелочную функцию с тернарным оператором. Как вы можете видеть в примере ниже:

const getFactorial = num =>
 num < 0 ?
 (()=>{
   throw new TypeError('No negative numbers');
 })()
 : num <= 1
  ? 1
  : num * getFactorial(num - 1);
//examples:
getFactorial(0); //returns 1
getFactorial(5); //returns 120

6. Верните минимальное и максимальное число из массива.

Используя методы Math.max() и Math.min() с оператором спреда. Мы можем легко получить максимальное и минимальное число из массива чисел.

Вот пример кода:

let nums = [67, 99, 4, 2, 77];
//minimum number
Math.min(...nums); //returns 2
//maximum number
Math.max(...nums); //returns 99

7. Проверьте работоспособность.

Если вы хотите проверить, сколько времени требуется для запуска и выполнения фрагмента кода, вы можете использовать метод performance.now(), как мы это сделали в примере ниже:

var start = performance.now();
//Your piece of code starts here
for(let i = 0; i < 100; i++){
 console.log(i);
}
//Your piece of code ends here
var duration = performance.now() - start;
console.log(duration); //54.89999961853027

Для выполнения вышеуказанного цикла for потребовалось всего 54,89 мс.

Заключение

Как вы можете видеть выше, это некоторые из полезных фрагментов кода, которые вам могут понадобиться в некоторых ситуациях в JavaScript. Необязательно использовать библиотеки всегда.

Спасибо, что прочитали эту статью. Кроме того, если вы нашли мой контент полезным и не являетесь участником Medium, вы можете получить членство в Medium здесь (средняя реферальная ссылка), чтобы получить неограниченный доступ ко всему контенту и поддержать нас как авторов.

Дополнительная информация:



7 полезных шпаргалок по CSS для улучшения ваших навыков
Список замечательных шпаргалок по CSS, которые вы можете использовать в качестве веб-разработчика. javascript.plainenglish.io





5 полезных методов регулярных выражений JavaScript, которые должен знать каждый разработчик
Список обязательных методов регулярных выражений в JavaScript. javascript.plainenglish.io



Больше контента на plainenglish.io