关于javascript:JavaScript中的逗号操作符

25次阅读

共计 671 个字符,预计需要花费 2 分钟才能阅读完成。

一、逗号操作符的根底用法
逗号操作符能够用来在一条语句中执行多个操作,如下所示:

在一条语句中同时申明多个变量是逗号操作符最罕用的场景。不过,也能够应用逗号操作符来辅助

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

在这个例子中,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: ‘ 非正式 ’}
由此可见逗号操作符能够使咱们的代码尽可能的进行压缩。

正文完
 0