Javascript - Incasesensitif split() without using toLowerCase() or toUpperCase()

Question

I'm trying to split a string using split() method but it work case-sensitifly, the question is as typed on the title.

The problem is like this

var str, ret;

str = "NubNubLabaLabaNubNub";
ret = str.split("labalaba"); // ret return ["NubNubLabaLabaNubNub"]

// which i wanted ["NubNub","NubNub"]

When i using toLowerCase() or toUpperCase() the whole string will change, and after spliting i want it to be an original one.

str = "NubNubLabaLabaNubNub";
ret = str.toLowerCase().split("labalaba".toLowerCase());

ret return ["nubnub","nubnub"] but the result that i wanted is ["NubNub","NubNub"]

I still not understand how to return the "nubnub" to "NubNub"

Thanks.

Answer 1

You could use a case-insensitive regular expression instead:

const str = "NubNubLabaLabaNubNub";
console.log(
  str.split(/labalaba/i)
);

If the string to split on is in a variable, escape it first, then pass it to new RegExp:

const escape = s => s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');

const str = "abcfoo()barabc";
const splitOn = 'foo()bar';
const re = new RegExp(escape(splitOn), 'i');
console.log(
  str.split(re)
);