Полезные советы и приемы в JavaScript

JavaScript — это самый популярный язык, который вы можете легко выучить самостоятельно. Это один из языков, используемых кодерами, разработчиками и программистами. Не путать с JScript, Java или Javanese script, которые все являются похожими языками.

Содержание

1. Быстрый способ использования метода slice и ES8 PadStart
2. Запуск обработчика события только один раз
3. Обновление свойств объекта с помощью оператора spread
4. Определение длины свойств объекта
5. Печать последних элементов массива
Предоставление динамического ключа для объекта
6. Преобразование значений любого типа в булевы значения

1. Быстрый способ использования метода slice и ES8 PadStart

const accountnum = "204910110001957";
const lastFourDigits = accountnum.slice(-4);
// print last four digit of account number
const maskedNumber = lastFourDigits.padStart(accountnum.length, '*');
console.log(lastFourDigits); // output will be 1957
console.log(maskedNumber); // ***********1957

Вход в полноэкранный режим Выход из полноэкранного режима

2. Запуск обработчика события только один раз

Если вы хотите запустить метод addEventListener, необходимо передать {once: true} в качестве третьего аргумента, тогда метод обработчика события будет запущен только один раз.

document.getElementById("btn").addEventListener("click",
function () {
console.log("Button is Clicked..");
},
{ once: true }
);

Вход в полноэкранный режим Выход из полноэкранного режима

3. Обновление свойств объекта с помощью оператора spread

const object = {
  name: "Rahil",
  age: 29,
  city: "Surat",
};

const newAge = 49;

const updatedObject = {
  ...object,
  age: newAge
};

console.log(object); // { name:"Rahul", age:29, city:"Surat"}
console.log(updatedObject); // { name:"Rahul", age:49, city:"Surat"}

Вход в полноэкранный режим Выйти из полноэкранного режима

4. Определение длины свойств объекта

Const Object = {
            id: 1,
            name: 'Arun',
            age: 30
        }
console.log(Object.keys(object).length);

Войти в полноэкранный режим Выйти из полноэкранного режима

5. Печать последних элементов массива

const elements = [5,6,7,8,9,10];
const last = elements.slice(-1);
console.log(last); // Output will be 10

const secondLast = elements.slice(-2);
console.log(secondLast); // Output will be 9,10

Войти в полноэкранный режим Выйти из полноэкранного режима

Предоставление динамического ключа для объекта

function obj(key, value) {
  const dyn = {
    [key]: value
  };

  return dyn;
}

console.log(obj('name', 'Rahul')); // Output will be name: Rahul
console.log(obj('age', '29')); // Output will be age: 29

Войти в полноэкранный режим Выйти из полноэкранного режима

6. Преобразование значений любого типа в булевы значения

В JavaScript существует два типа булевых значений true и false. Вы можете использовать функцию Boolean(), чтобы узнать, является ли переменная истинной или нет.

let num1;
console.log(!!num1); // false

const num2 = 10;
console.log(!!num2); // true

const n1 = 'Tim';
console.log(!!n1); // true

const n2 = '';
console.log(!!n2); // false

Вход в полноэкранный режим Выход из полноэкранного режима