JavaScript中的逗号操作符(基础使用和拓展用法)

语言: CN / TW / HK

一、逗号操作符的基础用法

逗号操作符可以用来在一条语句中执行多个操作,如下所示:

Snipaste_2021-10-21_20-40-29.png

在一条语句中同时声明多个变量是逗号操作符最常用的场景。不过,也可以使用逗号操作符来辅助

赋值。在赋值时使用逗号操作符分隔值,最终会返回表达式中最后一个值:

Snipaste_2021-10-21_20-41-46.png

在这个例子中,num 将被赋值为 2,因为 2 是表达式中最后一项。逗号操作符的这种使用场景并不

多见,但这种行为的确存在。

二、逗号操作符的拓展用法

逗号操作符还有很多意想不到的操作,例如可以使我们的代码最大程度的进行简写,如下所示:

let arr = [{ id: 1, value: '正式' }, { id: 2, value: '非正式' }]

当我们的需要将arr的值处理成为{1: '正式', 2: '非正式'}的时候

按照我们正常的写法来说,用reduce方法是最合适不过的。

        let newArr= arr.reduce((acc,item)=>{
           acc[item.id]=item.value
           return  acc
        },{})
        console.log(newArr);

    这时我们打印输出newArr得到的值就是 {1: '正式', 2: '非正式'}

可以看出这样也是可以得到我们想要求的值,但是如何让这些代码一行就能达到效果呢?

这里我们就可以用到逗号操作符了

  let newArr= arr.reduce((acc,item)=> (acc[item.id]=item.value, acc),{})
  console.log(newArr);
  这里我们输出打印的值也一样可以得到我们需求的值 {1: '正式', 2: '非正式'}

由此可见逗号操作符可以使我们的代码尽可能的进行压缩