美文网首页
javascript 逗号操作符

javascript 逗号操作符

作者: 我是一个前端 | 来源:发表于2018-12-13 12:06 被阅读0次
return (a,b) //引发的思考
//返回值为 b

我当时就懵逼了,这是什么鬼?为什么还有这种操作?

demo是这样的:
let json = {
    a:{
        x: 12,
        y: 13
       },
     b:{
          x: 1,
          y: 3
       }
}
//我需要把数据转化为
let arr = [
      {
          name:a,
          x:12,
          y:13
      },
      {
         name:b,
          x:1,
          y:3
      }
]

//然后就看到了一个骚操作
Object.keys(json).reduce((result,item)=>{
        return (result.push({
              name:item,
              ...json[item]
        }),result)
},[])

//说实话我当时就懵逼了

详细剖析一下我的懵逼点
return (result.push({
              name:item,
              ...json[item]
        }),result)

带括号干嘛?直接return result.push()不就ok了吗,事实证明不ok。
原因 arr.push()是有返回值的,返回数组的长度。直接返回会导致报
错,长度.push() 必须报错。
再不济我可以写成

result.push(item)
return result

这个没毛病也可以看懂。
接下来开始搜索相关问题,由于我的无知甚至搜索了reduce的相关文章和push的文章,一无所获。

后来突然想到会不会和“,”有关

然后就搜到了MDN的逗号操作符,尼玛第一句就是:

逗号操作符 对它的每个操作数求值(从左到右),并返回最后一个操作数的值。
function myFunc () {
  var x = 0;

  return (x += 1, x); // the same of return ++x;
}

呵呵 到此问题是得到了完美解释。

结论就是多读点书!

相关文章

  • JavaScript 逗号表达式笔记

    #JavaScript 逗号表达式笔记 ##逗号操作符是多元操作符,可以在一条语句中执行多个操作 1.逗号操作符可...

  • javascript 逗号操作符

    我当时就懵逼了,这是什么鬼?为什么还有这种操作? demo是这样的: 带括号干嘛?直接return result....

  • 逗号操作符

    基本概念: 使用逗号操作符可以在一条语句中执行多个操作。逗号操作符多用于声明多个变量;但除此之外,逗号操作符还可以...

  • Java之逗号操作符

    在说逗号操作符的时候我们要注意,逗号操作符不是逗号分隔符,逗号用作分隔符时用来分隔函数的不同参数。 Java里唯一...

  • 3.5.10 逗号操作符

    使用逗号操作符可以再一条语句中执行多个操作,如下面的例子所示: 逗号操作符多用于申明多个变量;但除此之外,逗号操作...

  • JS 中强大的操作符

    1.0 数值操作符_ 2.0 逗号运算符 , 3.0零合并操作符 ?? (||) 4.0可选链操作符?. (&&...

  • JavaScript基本概念之操作符——逗号操作符

    逗号操作符 使用都会操作符可以在一条语句中执行多个操作。

  • 操作符介绍和使用:一

    JavaScript中的操作符用于表达式的操作。JavaScript提供了很多操作符供我们选择,有些操作符是我们在...

  • Android开发人员不得不学习的JavaScript基础(一)

    操作符 在JavaScript中,有很多种操作符,算术操作符、赋值操作符、比较操作符以及逻辑操作符 1.1、算术操...

  • JavaScript 逗号运算符

    逗号操作符(,)[https://developer.mozilla.org/en-US/docs/Web/Jav...

网友评论

      本文标题:javascript 逗号操作符

      本文链接:https://www.haomeiwen.com/subject/eapvhqtx.html