7 сокращенных методов JavaScript, которые сэкономят ваше время

Опубликовано: 30 Ноября, 2021

В этой статье мы обсудим 7 классных сокращенных приемов в JavaScript, которые сэкономят время разработчика.

1. Стрелочная функция. Стрелочные функции JavaScript были представлены в ES6. Основное преимущество этой функции в том, что у нее более короткий синтаксис.

Javascript

 // Longhand
 function add(a, b) {
   return a + b;
 }
 
 
// Shorthand
 const add = (a, b) => a + b;

2. Многострочная строка: для многострочной строки обычно используется оператор + с escape-последовательностью новой строки ( n). Мы можем сделать это проще, используя обратные кавычки (`).

Javascript

 // Longhand
 console.log( 'JavaScript is a lightweight, interpreted, '
    + 'object-oriented language
with first-class '
    + 'functions, and is best known as the scripting '
    + 'language for Web 
pages, but it is used in many'
    + 'non-browser environments as well.
' );
 
 
// Shorthand
 console.log(`JavaScript is a lightweight, interpreted,
 object-oriented language with first-class functions,
 and is best known as the scripting language for Web
 pages, but it is used in many non-browser environments
 as well.`);

3. Цикл for: для перебора массива обычно используется традиционный цикл for. Мы можем использовать цикл for… of для перебора массивов. Чтобы получить доступ к индексу каждого значения, мы можем использовать цикл for… in.

Javascript

 let myArr = [50, 60, 70, 80];
 
// Longhand
 for (let i = 0; i < myArr.length; i++) {
  console.log(myArr[i]);
 }
 
 
// Shorthand
 // 1. for of loop
 for (const val of myArr) {
  console.log(val);
 }
 
// 2. for in loop
 for (const index in myArr) {
  console.log(`index: ${index} and value: ${myArr[index]}`);
 }

4. Строка в число: для преобразования строки в число доступны встроенные методы, такие как parseInt и parseFloat. Это также можно сделать, просто указав унарный оператор (+) перед строковым значением.

Javascript

 // Longhand
 let a = parseInt( '764' );
 let b = parseFloat( '29.3' );
 
 
// Shorthand
 let a = + '764' ;
 let b = + '29.3' ; 

5. Поменяйте местами две переменные.

Для замены двух переменных мы часто используем третью переменную. Но это легко сделать с помощью назначения деструктуризации массива.

Javascript

 //Longhand
 let x = 'Hello' , y = 'World' ;
 const temp = x;
 x = y;
 y = temp;
 
 
//Shorthand
 [x, y] = [y, x];

6. Объединение массивов: Для объединения двух массивов можно использовать следующее:

Javascript

 // Longhand
 let a1 = [2, 3];
 let a2 = a1.concat([6, 8]);
 
// Output: [2, 3, 6, 8]
 
 
// Shorthand
 let a2 = [...a1, 6, 8];
 
// Output: [2, 3, 6, 8]

7. Проверка нескольких условий: для сопоставления нескольких значений мы можем поместить все значения в массив и использовать метод indexOf () или includes ().

Javascript

 // Longhand
 if (value === 1 || value === 'hello' || value === 2 || value === 'world' ) {
    ...
 }
 
// Shorthand 1
 if ([1, 'hello' , 2, 'world' ].indexOf(value) >= 0) {
    ...
 }
 
// Shorthand 2
 if ([1, 'hello' , 2, 'world' ].includes(value)) {
    ...
 }

Technical Scripter JavaScript Вопросы о Web технологиях JavaScript-Misc

7 сокращенных методов JavaScript, которые сэкономят ваше время

Javascript

Javascript

Javascript

Javascript

Javascript

Javascript

Javascript

РЕКОМЕНДУЕМЫЕ СТАТЬИ