一些JS的便利性简写

  1. 字符串条件检查
// 常用写法
if (type == '1' || type == '2' || type == '3')

// 简写
if (['1', '2', '3'].includes(type))
  1. for-of
// 常用写法
for (let i = 0; i < tempArray.length; i++) {
	let element = tempArray[i];
	// ... 
}

// 简写
for (let element of tempArray) {
	// ...
}
  1. for-in
const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

// 常用写法
const keys = Object.keys(object1);
for (let i = 0; i < keys.length; i++) {
	let key = keys[i];
	let value = object1[key];
}

//  简写
for (let key in object1) {
	let value = object1[key];
}

Object.keys(); 的作用(MDN实例)

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.keys(object1));
// expected output: Array ["a", "b", "c"]
  1. null、undefined、0值、false、NaN、""空值
    的检查
// 常用写法
if (e === null || e === undefined || e === 0 || e === false || e === NaN || e === "")

// 简写
if (!e)
  1. 函数调用
// 常用写法
if (e) {
	func_1();
} else {
	func_2();
}

// 简写
(e ? func_1 : func_2)();
  1. Switch函数
// 常用写法
switch (number) {
	case 0:
		func_0();
		break;
	case 1:
		func_1();
		break;
	case 2:
		func_2();
		break;
	case 3:
		func_3();
		break;
	default:
		func_common();
}

// 简写
const simple_switch = {
	0: func_0,
	1: func_1,
	2: func_2,
	3: func_3
}
Object.keys(simple_switch).includes(number) ? simple_switch[number]() : func_common();
  1. 回退值
let phoneNo = res?.phoneNumber || '14412345678';
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值