Javascript 使用技巧

Javascript 使用技巧

参考文章@CUGGZ

数组填充

6 表示数组的长度，
fill 表示用什么内容填充 数组

let arr = Array(6).fill(",");

过滤错误值

filter()

let arr = [1, 0, undefined, 6, 7, "", false];
arr.filter(Boolean); // [1,6,7]
// 下面写法 跟上面写法返回结果一样
arr.filter((item) => item); // [1,6,7]

使用逻辑运算符

if (a > 10) {
  doSomething();
}

// 优化
a > 10 && doSomething();

if (a > 10) doSomething();

清空数组

let arr = [1, 2, 3, 4, 5, 6];
arr.length = 0;
console.log(arr); // []

判断某个属性为 undefined 和 null 时,执行某个动作

空值合并操作符 ??,当表达式左面返回值为 null 和 undefined时,会执行表达式右面的代码

a ?? doSomething();

数组元素转化为数字

注意: 转换过后会返回一个新数组,原数组内元素类型不变.

const numArr = ["12", "1", "3.1415", "-10.01"];
// 方法一:
let temporary = numArr.map(Number); // [12, 1, 3.1415, -10.01]
// 方法二:
let temporary = numArr.map((item) => +item); // [12, 1, 3.1415, -10.01]

console.log(temporary);

对象动态声明属性

let propertyDynamic = "color";

let obj = {
  name: "coco",
  age: 18,
  [propertyDynamic]: "tomato",
};