wwwcode

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
统计
 

1. 多表达式多 if 判断

我们可以在数组中存储多个值,并且可以使用数组include方法。

// 长if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {  //logic}
// 短if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //一个数组对象中的字符串对象包含在x中。}
//注:多条件或关系的替换简写

2. 简写 if else

如果 if-else 的逻辑比较简单,可以使用下面这种方式镜像简写,当然也可以使用三元运算符来实现。

// 长let test: boolean;
if (x > 100) {  
test = true;
}else {
test = false;
}
// 短let test = (x > 10) ? true : false;
// 也可以直接这样let test = x > 10;
注:逻辑运算x>10会直接将运算结果布尔值输出为结果。

3. 合并变量声明

当我们声明多个同类型的变量时,可以像下面这样简写。

// 长 let test1;let test2 = 1;// 短 let test1, test2 = 1;

4. 合并变量赋值

当我们处理多个变量并将不同的值分配给不同的变量时,这种方式非常有用。

// 长 let test1, test2, test3;test1 = 1;test2 = 2;test3 = 3;
// 短 let [test1, test2, test3] = [1, 2, 3];

5. && 运算符

如果仅在变量值为 true 的情况下才调用函数,则可以使用 && 运算符。

// 长 if (test1) { callMethod(); } 
// 短 test1 && callMethod();

6. 箭头函数

// 长  function add(a, b) {    return a + b; } 
// 短 const add = (a, b) => a + b;

7. 短函数调用

可以使用三元运算符来实现这些功能。

const fun1 = () => console.log('fun1');const fun2 = () => console.log('fun2');
// 长let test = 1;if (test == 1) { fun1();} else{ fun2();}
// 短(test === 1? fun1:fun2)();
//注:括号内做三元运算符判断,括号外做函数调用

8. Switch 简记法

我们可以将条件保存在键值对象中,并可以根据条件使用。

// 长
switch (data) {
case 1:    
test1();
break;
case 2:    
test2();
break;
case 3:  
test();  
break;  
// And so on...}
// 短
const data = { 1: test1, 2: test2, 3: test};
data[something] && data[something]();
//注:最后一步是data项对应的调用data函数,函数调用??

9. 默认参数值

// 长
function add(test1, test2) {
if (test1 === undefined)  
test1 = 1;  
if (test2 === undefined)  
test2 = 2;
return test1 + test2;}
// 短const add = (test1 = 1, test2 = 2) => (test1 + test2);

10. 扩展运算符

// 长-合并数组
const data = [1, 2, 3];
const test = [4 ,5 , 6].concat(data);
// 短-合并数组const data = [1, 2, 3];
const test = [4 ,5 , 6, ...data];

// 长-拷贝数组
const test1 = [1, 2, 3];
const test2 = test1.slice()
// 短-拷贝数组
const test1 = [1, 2, 3];
const test2 = [...test1];

11. 模版字符串

// 长const welcome = 'Hi ' + test1 + ' ' + test2 + '.'
// 短const welcome = `Hi ${test1} ${test2}`;
//注:模板字符串使用主要是``,和${}拼接符号。

12. 简写对象

let test1 = 'a'; let test2 = 'b';
// 长 let obj = {test1: test1, test2: test2};
// 短 let obj = {test1, test2};

13. 在数组中查找最大值和最小值

const arr = [1, 2, 3];
Math.max(…arr); // 3
Math.min(…arr); // 1
posted on   codeleeli  阅读(70)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
 
点击右上角即可分享
微信分享提示