js 优化

switch case 简化

switch (data) {
  case 1:
    this.one(time);
  break;
  case 2:
    this.two(time);
  break;
  case 3:
    this.three(time);
  break;
}

优化：

let obj = {
	    '1':this.one,
	    '2':this.two,
	    '3':this.three
	  }
	  obj[data] && obj[data](time)

if 里调用函数

let val = 1;
if (val == 1) {
  this.one(val);
} else {
  this.two(val);
}

优化：

(val === 1? this.one : this.two)(val);

for循环

let arr = [1,2,3,4,5,6,7]
for (let i = 0,len = arr.length; i < len; i++)

优化：

for (let i in arr) // i 是字符串，从“0”开始
1 "0"
2 "1"
3 "2"
4 "3"
5 "4"
6 "5"
7 "6"

for (let i of arr) // i 是数字，从 1 开始，最后一条是undifind
2 1
3 2
4 3
5 4
6 5
7 6
undefined 7

变量为true时调用函数

if (val) {
 this.one(); 
} 

优化：

val && this.one();

给多个变量赋值

let val1, val2, val3;
val1= 1;
val2= 2;
val3= 3;

优化： 

let [val1, val2, val3] = [1, 2, 3];

null、undefined 和空值检查

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

优化：

let test2 = test1 || '';

带有多个条件的 if 语句

if (x === 'asd' || x === 'zxc' || x === 'qwe' || x ==='cxz') {
}

优化：

if (['asd', 'zxc', 'qwe', 'cxz'].includes(x)) {
}

延展操作符

const data = [1, 2, 3];
const test = [4 ,5 , 6].concat(data);

优化：

// 数组合并
const data = [1, 2, 3];
const test = [4 ,5 , 6, ...data];
console.log(test); // [ 4, 5, 6, 1, 2, 3]

const test1 = [1, 2, 3];
const test2 = test1.slice()

优化：

// 数组克隆
const test1 = [1, 2, 3];
const test2 = [...test1];
console.log(test); // [ 1, 2, 3]]

//数组克隆对原数组进行修改，不会影响新数组

字符串转成数字

let test1 = parseInt('123'); 
let test2 = parseFloat('12.3'); 

优化：
 
let test1 = +'123'; 
let test2 = +'12.3';

find数组

let data = [{
        type: 'test1',
        name: 'asd'
    },
    {
        type: 'test2',
        name: 'zxc'
    },
    {
        type: 'test1',
        name: 'qwe'
    },
]
function findtest1(name) {
    for (let i = 0; i < data.length; ++i) {
        if (data[i].type === 'test1' && data[i].name === name) {
            return data[i];
        }
    }
}

优化：

filteredData = data.find(data => data.type === 'test1' && data.name === 'qwe');
console.log(filteredData); // { type: 'test1', name: 'qwe' }

查找数组的最大值和最小值

const arr = [1, 2, 3]; 
Math.max(…arr); // 3
Math.min(…arr); // 1

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。¹

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

• 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

这将产生一个流程图。:

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

• 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. 注脚的解释 ↩︎