What are we going to achieve?
Implement our custom split function myCustomSplit
which behaves the same way as split()
in javascript.
Output:
const str = "val1&$val2&$val3";
const op = str.myCustomSplit('&$');
console.log(op);
// output
// ["val1", "val2", "val3"]
Do checkout my Website for all my blogs.
Let's Split:
String.prototype.myCustomSplit = function(splitVal) {
const outputArr = [];
const string = this;
let nextVal = '';
const splitlength = splitVal.length;
let i = 0;
// ...Some code
}
-
myCustomSplit
- Name of the custom Split function. -
splitVal
- Value based on which we have to do the split. -
string
- The string on which we execute split. -
outputArr
- The array that will be returned as output. -
nextVal
- Gives the intermediate string that is formed. -
splitlength
- Length of thesplitVal
while(i < string.length) {
// When the current character is same as splitVal's first character
if (string[i] === splitVal[0]) {
let split_length_remaining = splitlength - 1;
let split_length_passed = 1;
let similarSplit = string[i];
while(split_length_remaining) {
if (string[i + split_length_passed] === splitVal[split_length_passed]) {
similarSplit += string[i + split_length_passed];
split_length_passed++;
split_length_remaining--;
} else {
break;
}
}
if (!split_length_remaining) {
outputArr.push(nextVal);
nextVal = '';
} else {
nextVal += similarSplit;
}
i = i + split_length_passed;
} else { // When the current character is different from `splitVal` 's first character
nextVal += string[i];
i++;
}
}
Explanation:
- Loop for the entire string Length.
- (else case)Check the current character with the
splitval
's first character, if they are different concatenate withnextVal
and incrementi
by 1. - (if case)If the current character is same as the
splitval
's first character, then we go into inner while loop which helps when the split value is more than single character.
Inside if
case:
-
split_length_remaining
gives the remaining length of thesplitVal
that we have to iterate for. -
split_length_passed
is set to 1 because we already compared the first character of thesplitVal
. -
similarSplit
helps in adding all the values after the first value is matched in inner while loop, so that if the last character ofsplitVal
fails then we can add the content ofsimilarSplit
to thenextVal
variable. - If
split_length_remaining
is not0
, we did not completely compare all the values. So, we go on for other values to check if they match the input string.If they are equal we incrementi
value and decrementsplit_length_remaining
. - if
split_length_remaining
has reached0
then we would have already matched all the values insplitVal
with the string, so push the content intonextVal
and reset it to empty string.
outputArr.push(nextVal);
return outputArr;
Finally, push all the contents in nextVal
to outputArr
and return it.
OUTPUT:
const x = "val1&$val2&$val3".myCustomSplit('&$');
console.log(x);
// output: ["val1", "val2", "val3"]
Checkout the code at codepen
Follow me for more interesting contents.
Top comments (0)