Wie überprüft man, ob eine Zeichenfolge "StartsWith" eine andere Zeichenfolge?

Können Sie die Verwendung von ECMAScript 6 ist - String.der Prototyp.startsWith() Methode, aber es ist noch nicht in allen Browsern unterstützt. Möchten Sie ein shim verwenden/polyfill hinzufügen, dass es auch auf Browsern, die dies nicht unterstützen. Erstellen Sie eine Implementierung, die erfüllt alle details festgelegt, die in der spec ist ein wenig kompliziert, und die version festgelegt, die in dieser Antwort nicht; wenn Sie möchten, eine treue shim, verwenden Sie entweder:

• Matthias Bynens - String.der Prototyp.startsWith shimoder
• Die es6-shimdie shims, wie viel von den ES6-Spezifikation als möglich, einschließlich String.prototype.startsWith.

Sobald Sie shimmed die Methode (oder, wenn Sie nur unterstützende Browser und JavaScript-engines, die bereits haben), können Sie es verwenden, wie diese:

"Hello World!".startsWith("He"); //true

var haystack = "Hello world";
var prefix = 'orl';
haystack.startsWith(prefix); //false

InformationsquelleAutor der Antwort CMS

data.substring(0, input.length) === input

InformationsquelleAutor der Antwort cobbal

Ich wollte nur hinzufügen, meine Meinung über diese.

Ich denke, wir können es einfach verwenden, wie diese:

var haystack = 'hello world';
var needle = 'he';

if (haystack.indexOf(needle) == 0) {
  //Code if string starts with this substring
}

InformationsquelleAutor der Antwort Mr.D

Hier ist eine kleine Verbesserung zu CMS-Lösung:

if(!String.prototype.startsWith){
    String.prototype.startsWith = function (str) {
        return !this.indexOf(str);
    }
}

"Hello World!".startsWith("He"); //true

 var data = "Hello world";
 var input = 'He';
 data.startsWith(input); //true

Überprüfen, ob die Funktion bereits existiert, im Falle einer zukünftigen browser implementiert es in nativen code, oder wenn es umgesetzt wird, die von einer anderen Bibliothek. Zum Beispiel die Prototype-Bibliothek implementiert diese Funktion bereits.

Mit ! ist etwas schneller und präziser als === 0 wenn auch nicht so gut lesbar.

InformationsquelleAutor der Antwort

Vor kurzem habe ich mir die selbe Frage gestellt.

Es gibt mehrere mögliche Lösungen, hier sind 3 gültig:

• s.indexOf(starter) === 0
• s.substr(0,starter.length) === starter
• s.lastIndexOf(starter, 0) === 0 (Hinzugefügt, nachdem er Mark Byers ist Antwort)

• Verwendung einer Schleife:

  function startsWith(s,starter) {
    for (var i = 0,cur_c; i < starter.length; i++) {
      cur_c = starter[i];
      if (s[i] !== starter[i]) {
        return false;
      }
    }
    return true;
  }

War ich noch nicht in die Letzte Lösung, die macht verwendet eine Schleife.

Überraschend ist diese Lösung besser als die ersten 3, die durch eine erhebliche Marge.

Hier ist die jsperf-test, die ich durchgeführt, um diese Aussage zu treffen: http://jsperf.com/startswith2/2

Frieden

ps: ecmascript 6 (harmony) führt ein natives startsWith - Methode für strings.

Denke nur daran, wie viel Zeit hätte sparen können, wenn Sie gedacht hatte, darunter den dringend benötigten Methode in der ersten version selbst.

Update

Als Steve hingewiesen (der erste Kommentar auf diese Antwort), die über custom-Funktion wirft einen Fehler wenn die angegebene Präfix ist kürzer als der ganze string. Hat er behoben, und fügte hinzu, eine loop-Optimierung, können eingesehen werden unter http://jsperf.com/startswith2/4.

Beachten Sie, dass es 2-loop Optimierungen, die Steve dabei, die erste der beiden zeigten eine bessere Leistung, damit ich post, dass der nachfolgende code:

function startsWith2(str, prefix) {
  if (str.length < prefix.length)
    return false;
  for (var i = prefix.length - 1; (i >= 0) && (str[i] === prefix[i]); --i)
    continue;
  return i < 0;
}

InformationsquelleAutor der Antwort Raj Nathani

Die besten performante Lösung ist zu stoppen, indem Sie auf eine Bibliothek Aufrufe und nur erkennen, dass Sie arbeiten mit zwei arrays. Ein von hand gerollt Umsetzung ist kurz-und auch schneller als jede andere Lösung, die ich hier gesehen.

function startsWith2(str, prefix) {
    if (str.length < prefix.length)
        return false;
    for (var i = prefix.length - 1; (i >= 0) && (str[i] === prefix[i]); --i)
        continue;
    return i < 0;
}

Für performance-Vergleiche (Erfolg und Misserfolg), siehe http://jsperf.com/startswith2/4. (Stellen Sie sicher, überprüfen Sie Sie für spätere Versionen, die möglicherweise übertrumpft haben meine.)

InformationsquelleAutor der Antwort Steve Hollasch

var str = 'hol';
var data = 'hola mundo';
if (data.length >= str.length && data.substring(0, str.length) == str)
    return true;
else
    return false;

InformationsquelleAutor der Antwort Chris

Ich war auf der Suche nach Leistung, so lief ich die Funktionen durch jsperf. Getestet habe ich die Funktionen gegen Thema und Suchbegriffe in verschiedenen Größen und es scheint, dass alle Methoden weisen unterschiedliche Leistung der verschiedenen Eingänge; das Allgemeine Muster ist, dass sich die Leistung verschlechtert, da die Länge der Suchabfrage erhöht.

Den Gesamtsieger stellt sich heraus, dass die substr(ing) Methode.

https://jsperf.com/javascript-string-startswith

InformationsquelleAutor der Antwort

Sie können sich auch wieder alle Mitglieder ein array mit einem string, indem Sie Ihre eigenen Prototyp /Erweiterung der array-Prototyp, aka

Array.prototype.mySearch = function (target) {
    if (typeof String.prototype.startsWith != 'function') {
        String.prototype.startsWith = function (str){
        return this.slice(0, str.length) == str;
      };
    }
    var retValues = [];
    for (var i = 0; i < this.length; i++) {
        if (this[i].startsWith(target)) { retValues.push(this[i]); }
    }
    return retValues;
};

Nehmen und zu nutzen:

var myArray = ['Hello', 'Helium', 'Hideout', 'Hamster'];
var myResult = myArray.mySearch('Hel');
//result -> Hello, Helium

InformationsquelleAutor der Antwort Nepaluz