チルドが式の前にある場合、チルドは何をしますか？

var attr = ~'input,textarea'.indexOf( target.tagName.toLowerCase() )
           ? 'value'
           : 'innerHTML'

私は答えでそれを見ました、そして、私はそれを前に見たことがありません。

どういう意味ですか？

~あるビット演算子オペランドのすべてのビットを反転です。

たとえば、数値がである場合1、IEEE 754浮動小数点のバイナリ表現（JavaScriptによる数値の処理方法）は次のようになります...

0011 1111 1111 0000 0000 0000 0000 0000 0000 0000 0000 0000 0000 0000 0000 0000

したがって~、そのオペランドを32ビット整数に変換します（JavaScriptのビット演算子はそれを行います）...

0000 0000 0000 0000 0000 0000 0000 0001

^{負の数の場合、2の補数で格納されます。すべてのビットを反転して1を加えます。}

...そして、すべてのビットを反転します...

1111 1111 1111 1111 1111 1111 1111 1110

それで、それの使用は何ですか？いつそれを使うのでしょうか？

それはかなりの数の用途があります。低レベルのものを書いているなら、それは便利です。アプリケーションのプロファイルを作成してボトルネックが見つかった場合は、ビット単位のトリックを使用することで（より大きなバッグの1つの可能なツールとして）、パフォーマンスを向上させることができます。

また、（一般的に）不明だトリックオンにするindexOf()の見つかっに戻り値をtruthy（ながら見られないようfalsy、）と人々はしばしば32ビットに番号を切り捨て（と、それを2倍にすることにより、その小数点以下を落とし、その副作用のためにそれを使用します実質的に同じMath.floor()正の数です）。

それが何に使われているのかすぐにはわからないので、私は不明確だと言います。一般的に、コードはそれを読んでいる他の人と明確に通信したいとします。使用~することはクールに見えるかもしれませんが、一般的にそれ自体のためにはあまりにも賢いです。:)

また、JavaScriptにはとがあるためArray.prototype.includes()、関連性は低くなっていますString.prototype.includes()。これらはブール値を返します。ターゲットプラットフォームがサポートしている場合は、文字列または配列内の値の存在をテストするためにこれを優先する必要があります。

前にそれを使用して indexOf()式のと、直接返される数値インデックスの代わりに、真実/偽の結果が得られます。

戻り値がの場合-1、それ~-1はがすべて1ビットのストリングである0ため-1です。ゼロ以上の値を入力すると、ゼロ以外の結果になります。したがって、

if (~someString.indexOf(something)) {
}

if「something」が「someString」にあるときにコードを実行させます。使用しようとすると.indexOf()ブール値として直接と、ゼロが返される場合があるため、機能しません（「何か」が文字列の先頭にある場合）。

もちろん、これも機能します：

if (someString.indexOf(something) >= 0) {
}

そしてそれはかなり不思議ではありません。

時々これも見るでしょう：

var i = ~~something;

この~ように演算子を2回使用すると、文字列を32ビット整数にすばやく変換できます。1つ目~は変換を行い、2つ目~はビットを元に戻します。もちろん、数値に変換できないものに演算子を適用するNaNと、結果が得られます。（編集 -実際に~は最初に適用されるのは2番目ですが、あなたはそのアイデアを理解します。）

これ~はビットごとのNOT演算子で、~xとほぼ同じ-(x+1)です。理解しやすいですね。そう：

~2;    // -(2+1) ==> -3

考えてください-(x+1)。-1その操作を実行してを生成できます0。

言い換えると、~数値の範囲で使用すると、入力値に対してのみ偽の（falseからに強制される0）値が生成され-1ます。それ以外の場合は、他の真の値が生成されます。

ご存知のように、-1は一般的にセンチネル値と呼ばれます。それは返す多くの機能のために使用される>= 0の値を成功し、-1ために失敗 C言語インチ indexOf()JavaScriptの戻り値の同じルール。

この方法で別の文字列内の部分文字列の有無をチェックすることは一般的です

var a = "Hello Baby";

if (a.indexOf("Ba") >= 0) {
    // found it
}
if (a.indexOf("Ba") != -1) { 
    // found it
}

if (a.indexOf("aB") < 0) { 
    // not found
}
if (a.indexOf( "aB" ) == -1) { 
    // not found
}

ただし、~以下のように実行する方が簡単です。

var a = "Hello Baby";

~a.indexOf("Ba");         // -7   -> truthy
if (~a.indexOf("Ba")) {   // true
    // found it
}

~a.indexOf("aB");         // 0    -> falsy
!~a.indexOf("aB");        // true
if (!~a.indexOf( "aB" )) {  // true
    // not found
}

あなたはJSを知りません：カイル・シンプソンによるタイプと文法

~indexOf(item) かなり頻繁に出てきて、ここでの答えは素晴らしいですが、たぶんそれを使う方法を知り、理論を「スキップ」する必要がある人もいるでしょう。

   if (~list.indexOf(item)) {
     // item in list
   } else {
     // item *not* in list
   }

ティルダトリックを使用してindexOf結果から真の値を作成することを検討している場合、代わりにincludesonメソッドをString使用する方がより明示的であり、魔法が少なくなります。

'hello world'.includes('hello') //=> true
'hello world'.includes('kittens') //=> false

これはES 2015の新しい標準メソッドであるため、古いブラウザでは機能しないことに注意してください。それが重要な場合は、String.prototype.includes polyfillの使用を検討してください。

この機能は、同じ構文を使用する配列でも使用できます。

['apples', 'oranges', 'cherries'].includes('apples') //=> true
['apples', 'oranges', 'cherries'].includes('unicorns') //=> false

古いブラウザのサポートが必要な場合のArray.prototype.includes polyfillは次のとおりです。