Javascript 表达式：对象数组；

Question

我正在使用 ng-flow 示例进行基本图像上传。我看到了一个我不明白它是如何工作的表达式。

基本上就是这样的表达方式：

<p>Demo object array expression in Javascript:</p>
<p id="demo"></p>

<script>
  var expr = !!{png:1,gif:1,jpg:1,jpeg:1}['pdf', 'gif', 'jpg'];
  document.getElementById("demo").innerHTML = expr ;
</script>

如果数组在最后一个元素中有一个有效的图像，上面的意思似乎返回true。我不知道为什么，但是在我研究了代码之后，这是我的结论。

如果有人可以帮助我理解上述内容并给我一个文档链接，我将不胜感激。我到处搜索，但没有找到任何参考。

Click here to see the html which has this expression from ng-flow

我认为代码的目的是在文件不是图像时禁用文件的上传。

任何人都可以推荐和更简单的替代方案，请告诉我。

塔雷克

Answer 1

该语句实际上有很多内容，但主要是布尔逻辑。

首先看声明['pdf', 'gif', 'jpg']。这包含 javascript , 运算符，它将包含它的语句的返回值设置为最后一个逗号之后的值。

例如

var a = 1, 2, 'foo'; // a -> 'foo'

var foo = ['a', 'b', 'c'];
foo[0, 2, 1]; // foo[0, 2, 1] -> foo[1] -> 'b' 

在这种情况下，它解析为['jpg']

这里的一些文档：

Javascript comma operator

您可能已经猜到了，! 返回一个布尔表达式，它将truthy 或true 语句的值反转为false，将falsey 或false 语句的值反转为true .

{png:1,gif:1,jpg:1,jpeg:1}['jpg']; 是 1，这是一个 truthy 值。 !1 变为 false。最后!false 就是true；

在这里查看更多：

Truthy

Falsy

Logical operators