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: '非正式'}

由此可見逗號操作符可以使我們的程式碼儘可能的進行壓縮