Turning a singular string into multiple strings within an array

Question

Turning a singular string into multiple strings within an array

Having recently started coding, I encountered my first issue that I can't seem to solve.

The problem is with a string "XX|Y1234$ZT|QW4567" where I need to remove both $ and |, then push the elements into an array like this: ['XX', 'Y1234', 'ZT', 'QW4567'].

I attempted using the methods .replace and .split in many different ways.


var str = "XX|Y1234$ZT|QW4567";
var arr = [];

str = str.split("$");

for(i = 0; i < str.length; i++) {    
   var tempArr = str[i].split("|");
   arr.push(tempArr);        
}

I have tried multiple approaches but listing them all would take quite some time.

javascript arrays string replace split

Answer 1

Answer №1

Regex can be utilized with .split(). If you want to experiment with Regex, check out .

// The line below will generate this array ["XX", "Y1234", "ZT", "QW4567"]
// It splits by $ and |
"XX|Y1234$ZT|QW4567".split(/\$|\|/g);

Answer 2

Regex can be utilized with .split(). If you want to experiment with Regex, check out .

// The line below will generate this array ["XX", "Y1234", "ZT", "QW4567"]
// It splits by $ and |
"XX|Y1234$ZT|QW4567".split(/\$|\|/g);

Answer 3

Answer №2

Almost got it right in your code snippet, but there's a mistake with the variables used in the push statement.

let string = "XX|Y1234$ZT|QW4567"
let array2 = [];

string = string.split("$");

for (i = 0; i < string.length; i++) {
  let newArray = string[i].split("|")
  array2.push(newArray);
}
array2 = array2.flat();

console.log(array2);

You can actually make this cleaner by using flatMap. Also, consider using let instead of var and single quotes ' rather than double quotes ".

let string = 'XX|Y1234$ZT|QW4567'
let array2 = string
  .split('$')
  .flatMap(s => s.split('|'));

console.log(array2);

Furthermore, you can achieve the same result as above using multiple delimiters regex inside the split function:

let string = 'XX|Y1234$ZT|QW4567'
let array2 = string.split(/[$|]/);

console.log(array2);

Answer 4

Almost got it right in your code snippet, but there's a mistake with the variables used in the push statement.

let string = "XX|Y1234$ZT|QW4567"
let array2 = [];

string = string.split("$");

for (i = 0; i < string.length; i++) {
  let newArray = string[i].split("|")
  array2.push(newArray);
}
array2 = array2.flat();

console.log(array2);

You can actually make this cleaner by using flatMap. Also, consider using let instead of var and single quotes ' rather than double quotes ".

let string = 'XX|Y1234$ZT|QW4567'
let array2 = string
  .split('$')
  .flatMap(s => s.split('|'));

console.log(array2);

Furthermore, you can achieve the same result as above using multiple delimiters regex inside the split function:

let string = 'XX|Y1234$ZT|QW4567'
let array2 = string.split(/[$|]/);

console.log(array2);

Answer 5

Answer №3

To achieve this, you can use the following method:

"XX|Y1234$ZT|QW4567".replace('$','|').split('|')

The result will be:

["XX", "Y1234", "ZT", "QW4567"]

Answer 6

To achieve this, you can use the following method:

"XX|Y1234$ZT|QW4567".replace('$','|').split('|')

The result will be:

["XX", "Y1234", "ZT", "QW4567"]

Answer 7

Answer №4

When utilizing the split function with two parameters | and $, a robust array will be generated by splitting based on the specified characters.

var str = "XX|Y1234$ZT|QW4567";
var tokenizedStrings = str.Split('|','$');
foreach(var word in tokenizedStrings){
   Console.WriteLine(word);
}

The resulting output will be:

XX
Y1234
ZT
QW4567

Answer 8

When utilizing the split function with two parameters | and $, a robust array will be generated by splitting based on the specified characters.

var str = "XX|Y1234$ZT|QW4567";
var tokenizedStrings = str.Split('|','$');
foreach(var word in tokenizedStrings){
   Console.WriteLine(word);
}

The resulting output will be:

XX
Y1234
ZT
QW4567

Turning a singular string into multiple strings within an array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Preserve the XHR-generated configuration when the browser is refreshed

Exploring the wonders of Angular 2: Leveraging NgbModal for transclusion within

Passing information between VueJs3 components

What is the correct way to implement Axios interceptor in TypeScript?

Creating Vue methods functions in separate JavaScript files

Using jQuery to animate a form submission in CodeIgniter

Guide on effectively sorting the second level ng-repeat data in a table

jQuery Files in Conflict

How to center scroll overflowed div vertically on element using Angular (5)

Locate the item within an array that contains the most keys

Imitate network glitches

Changing the way in which text is selected and copied from a webpage with visible white space modifications

React-slick slider not functioning properly when using TypeScript

The function .load callback was triggered on five separate occasions

Objects vanish 10 seconds after appearing [Angular2, *ngFor]

Updating an array with complex values in React using the useState hook in

Discovering a specific URL link element within the DOM using webdriver.io

Only validate the nested object if the parent object is already present

Obtaining Input Field Value in Angular Using Code

HTML counterpart to PHP's include for JavaScript components