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",
};