問題：Array.prototype.findIndex

Question

内部オペレータ

例：

var img = $('img'); 
 
var div = $('div'); 
 

 
var arr = ['1', '2', '3']; 
 

 
console.log(arr.findIndex(x => x === img.length ? img.prop('id') : div.prop('id'))); 
 

 
console.log(arr.findIndex(x => x === (img.length ? img.prop('id') : div.prop('id'))));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
 

 
<div id="2"></div>

出力：

最初のケース：

x === img.length ? img.prop('id') : div.prop('id') 

がimg.lengthにxを比較した場合。私はなぜそれが0を返すのか分からないのですか？

img.prop('id')戻りundefinedと2div.prop('id')戻って、なぜそれが0を記録したのですか？

秒ケース：

x === (img.length ? img.prop('id') : div.prop('id')) 

それはxに比較する前にdivタグのIDを得ました。大丈夫。

私を修正してください。ありがとうございました！

Answer 1

xは常にコード内の文字列になります。また、img.lengthは数字になるため、厳密には等しくはありません（===）。

だからそれは次のように評価します：

(x === img.length) ? img.prop('id') : div.prop('id') 
(false   ) ? img.prop('id') : div.prop('id') 
             div.prop('id') 
             2 

findIndex truthy値を待ち、そしてdiv.prop('id')はtruthyある、2あります。