Методы стенографирования JavaScript — Полная шпаргалка

Вы можете многому научиться из этой коллекции, так что посмотрите ее✨

Методы сокращения JavaScript — это краткие способы написания кода, которые могут упростить и оптимизировать ваши задачи программирования. Вот несколько распространенных приемов стенографии с примерами:

1. Тернарный оператор (условный оператор):

Тернарный оператор, также известный как условный оператор, представляет собой сокращенный способ написания оператора if-else в некоторых языках программирования. Он принимает три операнда: оцениваемое условие, возвращаемое значение, если условие истинно, и значение, которое возвращается, если условие ложно.

Пример:

// Longhand if-else statement
let age = 20;
let message;

if (age >= 18) {
  message = 'You are an adult.';
} else {
  message = 'You are a minor.';
}

// Shorthand ternary operator
let age = 20;
let message = (age >= 18) ? 'You are an adult.' : 'You are a minor.';
console.log(message);

2. Оценка короткого замыкания:

Укороченная оценка использует логические операторы && (И) и || (ИЛИ) для более точного оценивания условий.

Пример:

// Longhand if statement
if (array && array.length > 0) {
  // Do something with the array
}

// Shorthand short-circuit evaluation
array && array.length > 0 && doSomething(array);

3. Значения параметров по умолчанию:

Значение параметра по умолчанию — это значение, которое используется при вызове функции без передачи значения для определенного параметра.

Значения параметров по умолчанию были введены в ECMAScript 2015 (ES6) и представляют собой удобный способ избежать ошибок при вызове функции с отсутствующими или неопределенными аргументами.

Пример:

// Longhand default parameter values
function greet(name) {
  name = name || 'Guest';
  console.log('Hello, ' + name + '!');
}

// Shorthand default parameter values
function greet(name = 'Guest') {
  console.log('Hello, ' + name + '!');
}

greet(); // Output: Hello, Guest!
greet('Lokesh'); // Output: Hello, Lokesh!

4. Сокращение свойств объекта:

При создании объектов мы можем использовать сокращенную нотацию, чтобы назначать переменные как свойства объекта с тем же именем.

Пример:

// Longhand object property assignment
let name = 'Lokesh';
let age = 30;

let person = {
  name: name,
  age: age
};

// Shorthand object property assignment
let name = 'Lokesh';
let age = 30;

let person = {
  name,
  age
};

5. Назначение деструктуризации:

Присвоение деструктурирования — это функция, представленная в JavaScript ES6 (ECMAScript 2015), которая позволяет извлекать значения из массивов или свойства объектов и назначать их переменным более лаконичным и удобным способом. Это упрощает процесс извлечения данных из сложных структур, делая ваш код более читабельным и выразительным.

Синтаксис присваивания деструктуризации использует набор фигурных скобок {} для объектов и квадратных скобок [] для массивов. Давайте посмотрим, как это работает в разных сценариях:

Пример:

// Longhand array destructuring assignment
let numbers = [1, 2, 3];
let a = numbers[0];
let b = numbers[1];
let c = numbers[2];

// Shorthand array destructuring assignment
let numbers = [1, 2, 3];
let [a, b, c] = numbers;

// Longhand object destructuring assignment
let person = { name: 'John', age: 30 };
let name = person.name;
let age = person.age;

// Shorthand object destructuring assignment
let person = { name: 'John', age: 30 };
let { name, age } = person;

6. Функции стрелки:

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

// Longhand function expression
let add = function(a, b) {
  return a + b;
};

// Shorthand arrow function
let add = (a, b) => a + b;

7. Литералы шаблонов:

Литералы шаблонов — это сокращенный способ конкатенации строк и встраивания выражений в обратные кавычки (`) вместо использования операторов конкатенации или интерполяции строк.

Пример:

// Longhand string concatenation
let name = 'Lokesh';
let greeting = 'Hello, ' + name + '!';

// Shorthand template literal
let name = 'Lokesh';
let greeting = `Hello, ${name}!`;

8. Методы массива (карта, фильтр, уменьшение):

JavaScript предоставляет методы массивов, такие как map(), filter() и reduce(), которые позволяют выполнять стандартные операции с массивами лаконично и выразительно.

Пример:

let numbers = [1, 2, 3, 4, 5];

// Longhand map
let doubled = numbers.map(function(num) {
  return num * 2;
});

// Shorthand map with arrow function
let doubled = numbers.map(num => num * 2);

// Longhand filter
let evens = numbers.filter(function(num) {
  return num % 2 === 0;
});

// Shorthand filter with arrow function
let evens = numbers.filter(num => num % 2 === 0);

// Longhand reduce
let sum = numbers.reduce(function(acc, num) {
  return acc + num;
}, 0);

// Shorthand reduce with arrow function
let sum = numbers.reduce((acc, num) => acc + num, 0);

Спасибо за прочтение этого поста

Спасибо за вашу непоколебимую поддержку и участие. Ваше присутствие и вклад значат для нас целый мир. Мы ценим ваши отзывы и ценим время, которое вы проводите с нами. Вы вдохновляете нас совершенствоваться и создавать лучший опыт. Мы благодарны за то, что вы являетесь частью нашего сообщества.