Javascript工作中小技巧总结

1、声明变量

当要声明两个具有共同值或共同类型的变量时，可以使用此简写形式

let test1;
let test2 = 1;
//简写
let test1, test2 = 1;

2、Null、Undefined，检查对象为空

当创建新变量时，有时想检查为其值引用的变量是否为null或未定义

if (test1 !== null || test1 !== undefined || test1 !== '') {
	let test2 = test1;
}
//简写
let test2 = test1 || '';

3、if多条件

if多条件时可以在数组中存储多个值，并且可以使用数组include方法

if (x === 'a' || x === 'b' || x === 'c' || x ==='d') {
}
//数组方式
if (['a', 'b', 'c', 'd'].includes(x)) {
}

4、If … else三元运算符

if-else条件，使用三元运算符

let test: boolean;if (x > 1) {
	test = true;
} else {
	test = false;
}
//三元运算符
let test = (x > 10) ? true : false;

5、给多个变量赋值

当处理多个变量，并希望将不同的值分配给不同的变量时

let test1, test2, test3;
test1 = 1;
test2 = 2;
test3 = 3;
//简写
let [test1, test2, test3] = [1, 2, 3];

6、赋值运算符

算术运算符

test1 = test1 + 1;
test2 = test2 - 1;
test3 = test3 * 2;
//简写
test1++;
test2--;
test3 *= 20;

7、foreach循环

for (var i = 0; i < test.length; i++)
//for in 
for (let i in test)