javaScript的简洁写法整理（持续更新）

本文链接：https://blog.youkuaiyun.com/Dra123123/article/details/116779336

本文介绍了JavaScript中的一些代码简化技巧，包括如何简洁地判断变量是否有值，使用三元表达式替代if...else，用数组的includes方法进行条件判断，以及用for...in、for...of和forEach简化for循环。这些方法有助于提高代码的可读性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

	js的简洁写法

1、判断空

js中如果判断变量a是否有值

//原来的写法
if (a!== null && a!== undefined && a!== '') {
    //方法体
}
//简写
if(a){
	//方法体
}

其实变量a的值只要为 null 或 undefined 或 ‘’ 或 nan，甚至为0；if(a)即if(false)；
相反，只要a的值不为前面所列，if（a）就是if（true）

2、三元表达式

语法结构：// 条件表达式？表达式1 ：表达式2，用来代替“ if……else……”的写法

//为赋值，原来的写法：
var num;
if（true）{
	num=1
}else{
	num=0
}
//简写
var num=true?1:0;

3、简写条件表达式

// 原来的写法，逻辑表达式太长
if (x == 'a' || x == 'b' || x ==='c' ) {
    //方法体
}
// 简写
if (['a', 'b', 'c'].includes(x)) {
   //方法体
}

4、简写for循环

可以用“ for…in ”、“ for…of ”或者“ forEach ”代替最基本的for 循环

var arr=[11,22,33];
//原来的写法
for (var i = 0; i < arr.length; i++){
	console.log(arr[i])
}
	//简写1：in语句中i是角标，arr[i]为元素
      for (let i in arr) {
        console.log(arr[i])
      }
      //简写2：of语句中i即元素
      for (let i of arr) {
        console.log(i)
      }
      //简写3：foreach配合“=>”使用
      arr.forEach(v => {
        console.log(v)
      })