[javascript] .includes ()가 Internet Explorer에서 작동하지 않음

String.prototype.includes 작성시 Internet Explorer (또는 Opera)에서 지원되지 않습니다.

대신 String.prototype.indexOf. #indexOf문자열에 있으면 하위 문자열의 첫 번째 문자의 인덱스를 반환하고 그렇지 않으면 반환합니다.-1 . (배열과 매우 유사 함)

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

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

MDN에는 다음을 includes사용 하기위한 polyfill이 있습니다 indexOf. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/includes#Polyfill

편집 : 오페라 지원 includes 현재의 버전 (28) .

편집 2 : Edge의 현재 버전은 방법을 지원합니다. (2019 년 기준)

답변

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

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

  return returnValue;
}

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

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

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

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

import "core-js/es7/array"

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

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