JS操作小技巧，让工作更轻松（二）

2023-10-04 20:09:17

技巧 1：使用 0 或其他字符填充数字

在某些情况下，您可能需要在数字前面填充 0 或其他字符。例如，您可能需要将数字月份或日期填充到两位数。这是使用 JavaScript 执行此操作的方法：

const month = 3;
const paddedMonth = month.toString().padStart(2, '0');
console.log(paddedMonth); // "03"

技巧 2：对数字进行千位分隔

有时，您可能需要在数字中添加千位分隔符，以使其更易于阅读。这是使用 JavaScript 执行此操作的方法：

const number = 123456789;
const formattedNumber = number.toLocaleString();
console.log(formattedNumber); // "123,456,789"

技巧 3：使用 void 运算符获取真正的 undefined

void 运算符可用于确保您得到一个真正的 undefined。这对于某些情况下非常有用，例如当您需要检查变量是否已定义时。

let x;
console.log(void x === undefined); // true

技巧 4：使用注释来解释您的代码

注释对于解释您的代码非常有用，尤其是在您与其他开发人员合作或将来需要重新审视您的代码时。您可以使用 JavaScript 中的 // 和 /* */ 注释语法来添加注释。

// 这是单行注释

/*
这是
多行
注释
*/

技巧 5：使用严格模式来提高代码安全性

严格模式是一种 JavaScript 语言模式，可帮助您编写更安全、更可靠的代码。要启用严格模式，只需在您的脚本顶部添加 "use strict"; 语句。

"use strict";

// 严格模式代码

技巧 6：使用箭头函数来简化代码

箭头函数是 ES6 中引入的一种新函数语法。它们更简洁、更易于阅读和编写。

const multiply = (a, b) => a * b;

const result = multiply(2, 3);
console.log(result); // 6

技巧 7：使用数组扩展运算符来简化数组操作

数组扩展运算符是 ES6 中引入的另一种新特性。它允许您轻松地将一个数组的元素复制到另一个数组中。

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];

const combinedNumbers = [...numbers1, ...numbers2];
console.log(combinedNumbers); // [1, 2, 3, 4, 5, 6]

技巧 8：使用对象扩展运算符来简化对象操作

对象扩展运算符是 ES6 中引入的另一种新特性。它允许您轻松地将一个对象的属性复制到另一个对象中。

const person1 = { name: 'John', age: 30 };
const person2 = { job: 'developer', salary: 50000 };

const combinedPerson = { ...person1, ...person2 };
console.log(combinedPerson); // { name: 'John', age: 30, job: 'developer', salary: 50000 }