.includes () funktioniert nicht in Internet Explorer

103

Dieser Code funktioniert im Internet Explorer nicht. Irgendeine Alternative?

"abcde".includes("cd")

javascript

— Carlosss
quelle

32

Zwei Jahre später unterstützt IE es immer noch nicht.

— Nu Everest

4

Warten, bis der IE besser wird, ist wie ... darauf zu warten, dass der IE besser wird.

— Rob_M

1

@nueverest Du meinst 3 Jahre richtig? : D

— Josh

2

Jemand tut jedem einen Gefallen und löscht die Repos für den IE. Beende es einfach.

— zero_cool

weitere 2 Jahre - IE unterstützt es immer noch nicht

— Piotrek Hryciuk

130

String.prototype.includes wird beim Schreiben in Internet Explorer (oder Opera) nicht unterstützt.

Stattdessen können Sie verwenden String.prototype.indexOf. #indexOfGibt den Index des ersten Zeichens der Teilzeichenfolge zurück, wenn er sich in der Zeichenfolge befindet. Andernfalls wird er zurückgegeben -1. (Ähnlich wie das Array-Äquivalent)

var myString = 'this is my string';
myString.indexOf('string');
// -> 11

myString.indexOf('hello');
// -> -1

MDN verfügt über eine Polyfüllung für die includesVerwendung von indexOf: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/includes#Polyfill

BEARBEITEN: Opera unterstützt includesab Version 28 .

EDIT 2: Aktuelle Versionen von Edge unterstützen die Methode. (Stand 2019)

— Phillip
quelle

Ist include () die einzige Funktion, die vom IE nicht unterstützt wird? Oder gibt es andere Typoskript- oder JavaScript-Funktionen, die vom IE nicht unterstützt werden?

— Abdullah Feroz

10

Wenn wir eine brauchen Boolean, können wir(myString.indexOf('string') > -1) // to get a boolean true or false

— Akash

32

Oder legen Sie dies einfach in eine Javascript-Datei und haben einen guten Tag :)

String.prototype.includes = function (str) {
  var returnValue = false;

  if (this.indexOf(str) !== -1) {
    returnValue = true;
  }

  return returnValue;
}

— Prasun
quelle

Wenn Sie diese Polyfüllung verwenden, iterieren Sie Ihre Zeichenfolge nicht mit for...in, sie wird wiederholt, String.prototype.includeswenn sie wie folgt definiert ist.

— Patrick Roberts

10

Kürzere Version:return this.indexOf(str) !== -1;

— Andrew

1

Für Arrays: Array.prototype.includes = function (elt) {return this.indexOf (elt)! == -1; }

— LePatay

9

include () wird von den meisten Browsern nicht unterstützt. Sie können entweder verwenden

-polyfill von MDN https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/includes

oder zu verwenden

-Index von()

var str = "abcde";
var n = str.indexOf("cd");

Welches gibt Ihnen n = 2

Dies wird weitgehend unterstützt.

— deeveeABC
quelle

Wenn Sie die Polyfüllung von MDN verwenden, iterieren Sie Ihren String nicht mit for...in! wird es wiederholt, String.prototype.includeswenn Sie es so definieren.

— Patrick Roberts

6

Problem:

Versuchen Sie, im Internet Explorer unten (ohne Lösung) zu arbeiten, und sehen Sie sich das Ergebnis an.

console.log("abcde".includes("cd"));

Erweitern Sie das Snippet

Lösung:

Führen Sie nun die folgende Lösung aus und überprüfen Sie das Ergebnis

if (!String.prototype.includes) {//To check browser supports or not
  String.prototype.includes = function (str) {//If not supported, then define the method
    return this.indexOf(str) !== -1;
  }
}
console.log("abcde".includes("cd"));

Erweitern Sie das Snippet

— Joe
quelle

4

Dieser kann besser und kürzer sein:

function stringIncludes(a, b) {
    return a.indexOf(b) >= 0;
}

— Skwall
quelle

indexOf wird von IE

— Some_Dude

1

In IE11 funktioniert es einwandfrei. Vielleicht nicht in IE10, aber es gibt heutzutage kaum noch Leute, die diese Version verwenden.

— Andrew

3

Ich hatte das gleiche Problem bei der Arbeit in Angular 5. Damit es direkt funktioniert, ohne selbst eine Polyfüllung zu schreiben, fügen Sie einfach die folgende Zeile zur Datei polyfills.ts hinzu:

import "core-js/es7/array"

Auch der tsconfig.jsonAbschnitt lib könnte relevant sein:

"lib": [
  "es2017",
  "dom"
],

— Alexei
quelle

Du mein Freund bist ein Lebensretter!

— CodeMan03

2

Für reagieren:

import 'react-app-polyfill/ie11';
import 'core-js/es5';
import 'core-js/es6';
import 'core-js/es7';

Problemlösung für - include (), find () usw.

— niket bajaj
quelle

1

Wenn Sie das Array.prototype.include()in Javascript weiterhin verwenden möchten, können Sie dieses Skript verwenden: github-script-ie-include Konvertiert automatisch include () in die Funktion match (), wenn IE erkannt wird.

Eine andere Option ist immer diestring.match(Regex(expression))

— mikeTeixeira88
quelle

1

Für mich geht das:

function stringIncludes(a, b) {
      return a.indexOf(b) !== -1;
}

— Abel Valdez
quelle

-1

Sie können das gleiche mit tun !! und ~ Operatoren

 var myString = 'this is my string';

 !!~myString.indexOf('string');
 // -> true

 !!~myString.indexOf('hello');
 // -> false

Hier ist die Erklärung der beiden Operatoren (!! und ~)

Was ist der !! (nicht nicht) Operator in JavaScript?

https://www.joezimjs.com/javascript/great-mystery-of-the-tilde/

— Mesvil
quelle