Enthält Groß- und Kleinschreibung nicht

Ich habe folgendes:

if (referrer.indexOf("Ral") == -1) { ... }

Was ich tun möchte , ist zu machen , RalGroß- und Kleinschreibung, so dass es sein kann RAl, rAlusw. und noch entsprechen.

Gibt es eine Möglichkeit zu sagen, dass Raldie Groß- und Kleinschreibung nicht berücksichtigt werden muss?

In .toLowerCase()nach referrer. Diese Methode wandelt die Zeichenfolge in eine Kleinbuchstabenzeichenfolge um. Verwenden Sie dann .indexOf()using ralanstelle von Ral.

if (referrer.toLowerCase().indexOf("ral") === -1) { 

Dasselbe kann auch mit einem regulären Ausdruck erreicht werden (besonders nützlich, wenn Sie anhand dynamischer Muster testen möchten):

if (!/Ral/i.test(referrer)) {
   //    ^i = Ignore case flag for RegExp

Eine andere Möglichkeit besteht darin, die Suchmethode wie folgt zu verwenden:

if (referrer.search(new RegExp("Ral", "i")) == -1) { ...

Es sieht eleganter aus, als die gesamte Zeichenfolge in Kleinbuchstaben umzuwandeln, und ist möglicherweise effizienter.
Wenn toLowerCase()der Code zwei Durchgänge über die Zeichenfolge hat, wird die gesamte Zeichenfolge mit einem Durchlauf in Kleinbuchstaben konvertiert und mit einem anderen nach dem gewünschten Index gesucht.
Mit RegExpdem Code muss ein Durchlauf über die Zeichenfolge erfolgen, der dem gewünschten Index entspricht.

Daher empfehle ich bei langen Zeichenfolgen die Verwendung der RegExpVersion (ich denke, dass bei kurzen Zeichenfolgen diese Effizienz auf der Erstellung des RegExpObjekts beruht ).

Verwenden Sie ein RegExp:

if (!/ral/i.test(referrer)) {
    ...
}

Oder verwenden Sie .toLowerCase():

if (referrer.toLowerCase().indexOf("ral") == -1)

Ab ES2016 können Sie auch eine etwas bessere / einfachere / elegantere Methode verwenden (Groß- und Kleinschreibung beachten):

if (referrer.includes("Ral")) { ... }

oder (ohne Berücksichtigung der Groß- und Kleinschreibung):

if (referrer.toLowerCase().includes(someString.toLowerCase())) { ... }

Hier ist ein Vergleich von .indexOf()und .includes(): https://dev.to/adroitcoder/includes-vs-indexof-in-javascript

Hier gibt es einige Ansätze.

Wenn Sie nur für diese Instanz eine Prüfung ohne Berücksichtigung der Groß- und Kleinschreibung durchführen möchten, gehen Sie wie folgt vor.

if (referrer.toLowerCase().indexOf("Ral".toLowerCase()) == -1) {
    ...

Wenn Sie diese Prüfung regelmäßig durchführen, können Sie alternativ eine neue indexOf()Methode hinzufügen String, die jedoch die Groß- und Kleinschreibung nicht berücksichtigt.

String.prototype.indexOfInsensitive = function (s, b) {
    return this.toLowerCase().indexOf(s.toLowerCase(), b);
}

// Then invoke it
if (referrer.indexOfInsensitive("Ral") == -1) { ...

if (referrer.toUpperCase().indexOf("RAL") == -1) { ...

Sie können dies versuchen

str = "Wow its so COOL"
searchStr = "CoOl"

console.log(str.toLowerCase().includes(searchStr.toLowerCase()))

Beispiel für jede Sprache:

'My name is Хведор'.toLocaleLowerCase().includes('ХвЕдОр'.toLocaleLowerCase())

Es ist 2016 und es gibt keinen klaren Weg, wie das geht? Ich hatte auf Copypasta gehofft. Ich werde es versuchen.

Konstruktionshinweise: Ich wollte die Speichernutzung minimieren und damit die Geschwindigkeit verbessern - daher werden keine Zeichenfolgen kopiert / mutiert. Ich gehe davon aus, dass V8 (und andere Motoren) diese Funktion optimieren können.

//TODO: Performance testing
String.prototype.naturalIndexOf = function(needle) {
    //TODO: guard conditions here

    var haystack = this; //You can replace `haystack` for `this` below but I wan't to make the algorithm more readable for the answer
    var needleIndex = 0;
    var foundAt = 0;
    for (var haystackIndex = 0; haystackIndex < haystack.length; haystackIndex++) {
        var needleCode = needle.charCodeAt(needleIndex);
        if (needleCode >= 65 && needleCode <= 90) needleCode += 32; //ToLower. I could have made this a function, but hopefully inline is faster and terser
        var haystackCode = haystack.charCodeAt(haystackIndex);
        if (haystackCode >= 65 && haystackCode <= 90) haystackCode += 32; //ToLower. I could have made this a function, but hopefully inline is faster and terser

        //TODO: code to detect unicode characters and fallback to toLowerCase - when > 128?
        //if (needleCode > 128 || haystackCode > 128) return haystack.toLocaleLowerCase().indexOf(needle.toLocaleLowerCase();
        if (haystackCode !== needleCode)
        {
            foundAt = haystackIndex;
            needleIndex = 0; //Start again
        }
        else
            needleIndex++;

        if (needleIndex == needle.length)
            return foundAt;
    }

    return -1;
}

Mein Grund für den Namen:

• Sollte IndexOf im Namen haben
• Fügen Sie kein Suffix hinzu - Of bezieht sich auf den folgenden Parameter
• Verwenden Sie nicht "caseInsensitive", das sooooo lang ist
• "natürlich" ist ein guter Kandidat, da standardmäßige Vergleiche, bei denen zwischen Groß- und Kleinschreibung unterschieden wird, für den Menschen in erster Linie nicht natürlich sind.

Warum nicht...:

• toLowerCase() - mögliche wiederholte Aufrufe von toLowerCase an derselben Zeichenfolge.
• RegExp- umständlich mit Variablen zu suchen. Sogar das RegExp-Objekt ist umständlich, Zeichen zu entkommen

Verwenden Sie für eine bessere Suche den folgenden Code:

var myFav   = "javascript";
var theList = "VB.NET, C#, PHP, Python, JavaScript, and Ruby";

// Check for matches with the plain vanilla indexOf() method:
alert( theList.indexOf( myFav ) );

// Now check for matches in lower-cased strings:
alert( theList.toLowerCase().indexOf( myFav.toLowerCase() ) );

In der ersten Warnung () gab JavaScript "-1" zurück - mit anderen Worten, indexOf () hat keine Übereinstimmung gefunden: Dies liegt einfach daran, dass "JavaScript" in der ersten Zeichenfolge in Kleinbuchstaben und in der zweiten Zeichenfolge ordnungsgemäß großgeschrieben wird. Um mit indexOf () die Suche ohne Berücksichtigung der Groß- und Kleinschreibung durchzuführen, können Sie beide Zeichenfolgen entweder in Groß- oder Kleinbuchstaben schreiben. Dies bedeutet, dass JavaScript wie in der zweiten Warnung () nur nach dem Auftreten der gesuchten Zeichenfolge sucht, wobei die Großschreibung ignoriert wird.

Referenz: http://freewebdesigntutorials.com/javaScriptTutorials/jsStringObject/indexOfMethod.htm

Wenn referreres sich um ein Array handelt, können Sie es verwendenfindIndex()

 if(referrer.findIndex(item => 'ral' === item.toLowerCase()) == -1) {...}

Hier ist meine Einstellung:

Skript :

var originalText = $("#textContainer").html()
$("#search").on('keyup', function () {
  $("#textContainer").html(originalText)
  var text = $("#textContainer").html()
  var val = $("#search").val()
  if(val=="") return;
  var matches = text.split(val)
  for(var i=0;i<matches.length-1;i++) {
    var ind =  matches[i].indexOf(val)
    var len = val.length
      matches[i] = matches[i] + "<span class='selected'>" + val + "</span>"
  }
  $("#textContainer").html(matches.join(""))

HTML:

<input type="text" id="search">
<div id="textContainer">
lorem ipsum is simply dummy text of the printing and typesetting industry. lorem ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of letraset sheets containing lorem ipsum passages, and more recently with desktop publishing software like Aldus pagemaker including versions of lorem ipsum.</div>

Codepen