Separate string into multiple variables with JavaScript

Question

Using JavaScript I want to take a string like this var hashStr = 'modal-123456' and assign the string left of the - to a variable and the string right of the - to another variable.

If the string does not contain a - then ignore it.

How can I best achieve this?

var hashStr = location.hash.replace('#', '');

// hashStr now === 'modal-123456'

var firstHalf = // modal

var secondHalf = // '123456'

Bkjain655 · Accepted Answer · 2016-05-19 06:00:32Z

3

You can use split API.

var hashStr = 'modal-123456'
var splitStr = hashStr.split('-');
console.log(splitStr[0])
console.log(splitStr[1])

answered May 19, 2016 at 6:00

Bkjain655

2006 bronze badges

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

Comments

Quentin Roy · Accepted Answer · 2016-05-19 07:11:40Z

3

Just use split.

var hashStr = 'modal-123456';
var [firstHalf, secondHalf] = hashStr.split("-");

console.log("first half:", firstHalf);
console.log("second half:", secondHalf);

edited May 19, 2016 at 7:11

answered May 19, 2016 at 6:12

Quentin Roy

7,9172 gold badges34 silver badges52 bronze badges

2 Comments

Artem Markov Over a year ago

this will work only in destructuring support js engines.

Quentin Roy Over a year ago

Yes. However, destructuring is now supported by chrome, firefox, edge, safari and nodejs. It is not supported by IE though. But this is a detail of the solution. You can easily use array indexes if you need to support old browsers. You can also use babel because it rocks.

gurvinder372 · Accepted Answer · 2016-05-19 06:03:05Z

1

Simply

var hashStr = location.hash.replace('#', '');
var firstHalf = hashStr.split("-")[0];
var secondHalf = hashStr.split("-")[1];

or

var hashStr = location.hash.replace('#', '').split("-");
var firstHalf = hashStr[0];
var secondHalf = hashStr[1];

answered May 19, 2016 at 6:03

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

Separate string into multiple variables with JavaScript

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

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

Linked

Related