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