当前位置: 首页 > Web前端 > HTML

JavaScript中的逗号运算符

时间:2023-03-28 14:09:50 HTML

一、逗号运算符的基本用法常用场景。但是,逗号运算符也可用于辅助赋值。在赋值中使用逗号运算符分隔值最终将返回表达式中的最后一个值:在这个例子中,num将被赋值为2,因为2是表达式中的最后一项。逗号运算符的这种用例很少见,但这种行为确实存在。前端实训二、逗号运算符的扩展用法逗号运算符有很多意想不到的操作,比如可以最大程度的缩短我们的代码,如下图:letarr=[{id:1,value:'formal'},{id:2,value:'informal'}]当我们需要将arr的值处理为{1:'formal',2:'informal'}时,按照我们正常的写法,reduce方法是最合适的。让newArr=arr.reduce((acc,item)=>{acc[item.id]=item.value返回acc},{})console.log(newArr);这时候我们打印出来的newArr的值是{1:'formal',2:'informal'}可以看出这样也可以得到我们想要的值,但是如何让这些代码一行达到效果?这里我们可以使用逗号运算符letnewArr=arr.reduce((acc,item)=>(acc[item.id]=item.value,acc),{})console.log(newArr);这里我们也可以通过输出打印的值Value{1:'formal',2:'informal'}来得到我们需要的,可见逗号操作符可以让我们的代码尽可能的紧凑。