Split a declartion of an array string into an array of strings

Question

What would be the best way to split an a string that a declaration of an array into an array of strings using javascript/jquery. An example of a string I am working with:

 franchise[location][1][location_name]

I would like it to be converted into an array like:

['franchise', 'location', '1', 'location_name']

BONUS: If I could also get that numeric value to be an integer and not just a string in one fell swoop, that would be terrific.

For what reason do you need to do this? It sounds very much like an X/Y question, where you're asking about an attempted solution instead of describing the actual problem, when there may be much better, and simpler, solutions — Rory McCrossan
– Rory McCrossan, Commented Aug 9, 2018 at 18:12
The first string is actually a name element for a dynamically created input. All the non numeric elements are constantly generated but the number changes on each iteration of the creation of that input. I need to know the "location number" so I can remove validation flags once the user fixes the validation problems. — Tyler Lazenby
– Tyler Lazenby, Commented Aug 9, 2018 at 18:15
So in turn that string must be coming from somewhere, so the 1 value must be retrievable/accessible from there...? — Rory McCrossan
– Rory McCrossan, Commented Aug 9, 2018 at 18:16
I am doing my validation on the php side and adding a class to jquery tab element if it finds that elements within that tag have an error. I can remove the individual error messages once the user meets with the validation requirements but the correct tab is harder to target. I have tried to use $(this).closest('.tab') but jQuery isn't finding it. — Tyler Lazenby
– Tyler Lazenby, Commented Aug 9, 2018 at 18:19

felixmosh · Accepted Answer · 2018-08-09 18:12:41Z

3

You can use String.split with a regex that matches all the none alpha numeric chars.

Something like that:

const str = 'franchise[location][1][location_name]';
const result = str.split(/\W+/).filter(Boolean);
console.log(result);

answered Aug 9, 2018 at 18:12

felixmosh

35.8k10 gold badges81 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CertainPerformance · Accepted Answer · 2018-08-09 18:12:39Z

2

One option would be to just match word characters:

console.log(
  'franchise[location][1][location_name]'.match(/\w+/g)
);

To transform the "1" to a number, you might .map afterwards:

const initArr = 'franchise[location][1][location_name]'.match(/\w+/g);
console.log(initArr.map(item => !isNaN(item) ? Number(item) : item));

answered Aug 9, 2018 at 18:12

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

2 Comments

SudoKid Over a year ago

you don't need the g in your regex. It will make the match slower if you keep it in.

CertainPerformance Over a year ago

You do indeed need /g - otherwise, you get [ "franchise" ] only

TommyBs · Accepted Answer · 2018-08-09 18:16:07Z

0

You could try

 const str = 'franchise[location][1][location_name]';
 const res = str.split(/\W+/).map(i => { return Number(i) ? Number(i) : i;})

answered Aug 9, 2018 at 18:16

TommyBs

9,7484 gold badges37 silver badges74 bronze badges

Collectives™ on Stack Overflow

Split a declartion of an array string into an array of strings

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related