Bir tilde bir ifadeden önce geldiğinde ne yapar?

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

Bunu bir cevapta gördüm ve daha önce hiç görmedim.

Bu ne demek?

~Bir olan bit düzeyinde operatör kendi işlenen tüm bitlerini çevirir.

Örneğin, numaranız IEEE 754 şamandıra (JavaScript'in sayıları nasıl ele 1aldığı) ikili temsili olurdu ...

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

Yani ~işlenenini 32 bit tam sayıya dönüştürür (JavaScript'teki bitsel operatörler bunu yapar) ...

0000 0000 0000 0000 0000 0000 0000 0001

^{Negatif bir sayı olsaydı, 2'nin tamamlayıcısı içinde saklanırdı: tüm bitleri tersine çevir ve 1'i ekle.}

... ve sonra tüm parçalarını çevirir ...

1111 1111 1111 1111 1111 1111 1111 1110

Peki bunun faydası ne? Ne zaman kullanılabilir?

Birkaç kullanım alanı vardır. Düşük seviyeli şeyler yazıyorsanız, kullanışlı. Uygulamanızı profillendirdiyseniz ve bir darboğaz bulduysanız, bitsel hileler ( daha büyük bir çantada olası bir araç olarak) kullanılarak daha performans gösterilebilir .

Ayrıca (genellikle) belirsiz hile açmak için indexOf()s' bulundu içine dönüş değeri truthy (yapmada ise bulunamadı olarak falsy ) ve insanlar genellikle Katlama tarafından 32 bite numaralarını kesiliyor (ve ondalık yeri bırakarak onun yan etkisi için kullanmak, Math.floor()pozitif sayılarla aynı şekilde etkili ).

Diyorum belirsiz bunun için kullanılıyor hemen belli gibi değil çünkü. Genel olarak, kodunuzun okuyan diğer kullanıcılarla net bir şekilde iletişim kurmasını istersiniz. Kullanırken ~olabilir serin bakmak , genellikle kendi iyiliği için çok zeki. :)

O JavaScript sahip olduğunu da artık daha az alakalı Array.prototype.includes()ve String.prototype.includes(). Bunlar bir boolean değeri döndürür. Hedef platformlarınız destekliyorsa, bunu bir dizede veya dizide bir değerin olup olmadığını test etmek için tercih etmelisiniz.

Bir indexOf()ifadeden önce kullanmak, doğrudan döndürülen sayısal dizin yerine doğru / yanlış bir sonuç verir.

Dönüş değeri ise -1, o zaman ~-1olduğu 0çünkü -1her 1 bit bir dizedir. Sıfıra eşit veya sıfırdan büyük herhangi bir değer sıfırdan farklı bir sonuç verecektir. Böylece,

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

if"someString" içinde "bir şey" olduğunda kodun çalışmasına neden olur . .indexOf()Doğrudan bir boolean olarak kullanmaya çalışırsanız , bu işe yaramaz çünkü bazen sıfır döndürür ("bir şey" dizenin başında olduğunda).

Tabii ki, bu da işe yarıyor:

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

ve çok daha az gizemli.

Bazen bunu da görürsünüz:

var i = ~~something;

~İşleci bu şekilde iki kez kullanmak, bir dizeyi 32 bit tam sayıya dönüştürmenin hızlı bir yoludur. Birincisi ~dönüşümü yapar ve ikincisi ~bitleri geri çevirir. Elbette, operatör bir sayıya dönüştürülemeyen bir şeye uygulanırsa, NaNsonuç olarak elde edersiniz . ( düzenle - aslında ~ilk uygulanan ikinci, ama fikri anladınız.)

~Olduğu Bit DEĞİL Operatör , ~xkabaca aynıdır -(x+1). Bunu anlamak daha kolay. Yani:

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

Düşünün -(x+1). -1üretmek için bu işlemi yapabilir 0.

Başka bir deyişle, ~bir dizi sayı değeriyle birlikte kullanıldığında, yalnızca girdi değeri için bir yanlış (zorlama-den- falsearası 0) -1değeri oluşur, aksi takdirde başka bir doğruluk değeri üretir.

Bildiğimiz gibi -1, genellikle sentinel değeri denir . Başarı ve başarısızlık için >= 0değer döndüren birçok işlev için kullanılır-1 C dilinde. indexOf()JavaScript ile aynı dönüş değeri kuralı .

Bu şekilde başka bir dizede bir alt dizenin varlığını / yokluğunu kontrol etmek yaygındır

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
}

Ancak, ~aşağıdaki gibi yapmak daha kolay olurdu

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
}

Bilmiyorsun JS: Türler ve Gramer Kyle Simpson

~indexOf(item) oldukça sık ortaya çıkıyor ve buradaki cevaplar harika, ama belki de bazı insanlar bunu nasıl kullanacağını bilmeli ve teoriyi "atlamalı":

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

Bir sonuçtan doğruluk değeri oluşturmak için yaklaşık işareti kullanmayı düşünenlerindexOf için, daha açıktır ve bunun yerine includesyöntemiString kullanmak için daha az sihir vardır .

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

Bunun ES 2015'ten itibaren yeni bir standart yöntem olduğunu ve eski tarayıcılarda çalışmadığını unutmayın. Bunun önemli olduğu durumlarda, String.prototype.incfind çoklu dolguyu kullanmayı düşünün .

Bu özellik aynı sözdizimini kullanan diziler için de kullanılabilir :

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

Daha eski tarayıcı desteğine ihtiyacınız varsa Array.prototype.incfits çoklu dolgusunu burada bulabilirsiniz .