.include () no funciona en Internet Explorer

105

Este código no funciona en Internet Explorer. ¿Alguna alternativa?

"abcde".includes("cd")

javascript

— Carlosss
fuente

33

Dos años después, IE todavía no lo admite.

— nu everest

4

Esperar a que IE mejore es como ... esperar a que IE mejore.

— Rob_M

1

@nueverest ¿Quieres decir 3 años, verdad? : D

— Josh

2

Alguien haga un favor a todos y elimine los repositorios de IE. Sólo termínelo.

— zero_cool

otros 2 años - IE todavía no lo admite

— Piotrek Hryciuk

131

String.prototype.includes mientras escribe, no es compatible con Internet Explorer (u Opera).

En su lugar, puede utilizar String.prototype.indexOf. #indexOfdevuelve el índice del primer carácter de la subcadena si está en la cadena; de lo contrario, devuelve -1. (Muy parecido al equivalente de Array)

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

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

MDN tiene un polyfill para includesusar indexOf: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/includes#Polyfill

EDITAR: Opera admite a includespartir de la versión 28 .

EDITAR 2: las versiones actuales de Edge admiten el método. (a partir de 2019)

— Phillip
fuente

¿Es include () la única función que no es compatible con IE? ¿O hay otras funciones mecanografiadas o JavaScript que no son compatibles con IE?

— Abdullah Feroz

10

Si necesitamos un Boolean, podemos(myString.indexOf('string') > -1) // to get a boolean true or false

— Akash

32

O simplemente ponga esto en un archivo Javascript y tenga un buen día :)

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

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

  return returnValue;
}

— Prasun
fuente

Si usa este polyfill, no itere su cadena con for...in, iterará String.prototype.includessi se define así.

— Patrick Roberts

10

Versión más corta:return this.indexOf(str) !== -1;

— Andrew

1

Para matrices: Array.prototype.includes = function (elt) {return this.indexOf (elt)! == -1; }

— LePatay

9

incluye () no es compatible con la mayoría de los navegadores. Tus opciones son usar

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

o para usar

-índice de()

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

Lo que te da n = 2

Esto está ampliamente respaldado.

— deeveeABC
fuente

Si usa el polyfill de MDN, ¡no repita su cadena con for...in! , se repetirá String.prototype.includessi lo define así.

— Patrick Roberts

6

Problema:

Intente ejecutar a continuación (sin solución) desde Internet Explorer y vea el resultado.

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

Expandir fragmento

Solución:

Ahora ejecute la siguiente solución y verifique el resultado

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"));

Expandir fragmento

— Joe
fuente

4

Este puede ser mejor y más corto:

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

— Skwall
fuente

indexOf no es compatible con IE

— Some_Dude

1

Funciona perfectamente bien en IE11. Tal vez no sea así en IE10, pero casi no hay personas que sigan usando esa versión hoy en día.

— Andrew

3

Tuve el mismo problema cuando trabajaba en Angular 5. Para que funcione directamente sin escribir un polyfill usted mismo, simplemente agregue la siguiente línea al archivo polyfills.ts:

import "core-js/es7/array"

Además, la tsconfig.jsonsección lib puede ser relevante:

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

— Alexei
fuente

¡Tú, amigo mío, eres un completo salvavidas!

— CodeMan03

2

Para reaccionar:

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

Resolución de problemas para: incluye (), buscar (), etc.

— niket bajaj
fuente

1

Si desea seguir usando Array.prototype.include()en javascript, puede usar este script: github-script-ie-include Eso convierte automáticamente la función include () en la función match () si detecta IE.

Otra opción es usar siempre elstring.match(Regex(expression))

— mikeTeixeira88
fuente

1

Esto funciona para mi:

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

— Abel Valdez
fuente

-1

Puedes hacer lo mismo con !! y ~ operadores

 var myString = 'this is my string';

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

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

aquí está la explicación de los dos operadores (!! y ~)

Cuál es el !! (no no) operador en JavaScript?

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

— mesvil
fuente