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文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

最后

以上就是瘦瘦小笼包为你收集整理的js 优化switch case 简化if 里调用函数for循环变量为true时调用函数给多个变量赋值null、undefined 和空值检查带有多个条件的 if 语句延展操作符字符串转成数字find数组查找数组的最大值和最小值的全部内容，希望文章能够帮你解决js 优化switch case 简化if 里调用函数for循环变量为true时调用函数给多个变量赋值null、undefined 和空值检查带有多个条件的 if 语句延展操作符字符串转成数字find数组查找数组的最大值和最小值所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。