一、逗号操作符的根底用法
逗号操作符能够用来在一条语句中执行多个操作,如下所示:
在一条语句中同时申明多个变量是逗号操作符最罕用的场景。不过,也能够应用逗号操作符来辅助
赋值。在赋值时应用逗号操作符分隔值,最终会返回表达式中最初一个值:
在这个例子中,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: ‘ 非正式 ’}
由此可见逗号操作符能够使咱们的代码尽可能的进行压缩。