带有三元运算符的 ES6 .some() 行为不同

Question

我注意到 .some() 数组方法和三元运算符的奇怪行为。

当整数（计数）必须在每个有和没有大括号的情况下递增时，它的行为会有所不同。

虽然，console.log 在每次迭代中都会显示正确的真值。

有什么想法吗？

> let arr = ['011','202','3300']
undefined
> let count = 0;
undefined
> arr.some(k => k.includes('0') ? count++ : null);
true
> count;
2 // is not correct
> count = 0;
0
> arr.some(k => {k.includes('0') ? count++ : null});
false
> count;
3 // correct 
>
> arr.some(k => {k.includes('0') ? console.log('true') : null});
true
true
true
false
> arr.some(k => k.includes('0') ? console.log('true') : null);
true
true
true
false

Answer 1

让我们了解一下

为什么这个给出输出 2

arr.some(k => k.includes('0') ? count++ : null);

let count = 0;
let arr = ['011','202','3300']
arr.some(k => k.includes('0') ? count++ : null);

console.log(count)

• 所以在第一次迭代时count++ 将返回 0，然后将值递增 1。（因为它是后递增）

• 在第二次迭代时，它将返回值为 1，这是真的，然后递增 1。（因为你找到了一个真值，所以有些人会停止迭代）

为什么这个给出输出 3

arr.some(k => {k.includes('0') ? console.log('true') : null});

let count = 0;
let arr = ['011','202','3300']
arr.some(k => {k.includes('0') ? count++ : null});

console.log(count)

• 在这里，您没有使用箭头函数的隐式返回，因此在每次迭代时，您最终都返回未定义。所以你的 some 将遍历所有元素，你得到的输出为 3。

只需添加一个 return 语句并查看更改。

let count = 0;
let arr = ['011','202','3300']
arr.some(k => { return k.includes('0') ? count++ : null});

console.log(count)