How do I render a variable in a URL path in JavaScript?

Question

I have the following line:

var myCustomVariable = '3434';
urlpath = '/people/myCustomVariable/folders/byid/'

I want to render the value of myCustomVariable in the urlpath but being new to JS I am unable to figure this out. I tried doing the following but didn't work:

"+myCustomVariable+"!"

What am I doing wrong?

like this you mean urlpath = '/people/'+ myCustomVariable = '/folders/byid/' — Dalorzo
– Dalorzo, Commented Aug 28, 2014 at 21:08
Relevant documentation: developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/… — Felix Kling
– Felix Kling, Commented Aug 28, 2014 at 21:11

T.J. Crowder · Accepted Answer · 2014-08-28 21:08:17Z

2

You use the + operator:

var myCustomVariable = '3434';
urlpath = '/people/' + myCustomVariable + '/folders/byid/'

This is called "concatenation" or (because we're dealing with strings) "string concatenation."

Your "I tried doing the following..." uses double quotes and a !. I'm not sure where the ! comes from, but in JavaScript, if you open a string with a single quote, you must end it with a single quote; and if you open it with a double quote, you must end it with a double quote.

answered Aug 28, 2014 at 21:08

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

2 Comments

Max Over a year ago

I would've just sent the guy to a documentation about concatenation

T.J. Crowder Over a year ago

@meanIOstack: An example is frequently worth more than all the tutorials in the world. So I go with an example and the term to search for. :-)

Carlos Calla · Accepted Answer · 2014-08-28 21:18:23Z

1

Just do the concatenation of strings like this:

var myCustomVariable = '3434';
urlpath = '/people/' + myCustomVariable  + '/folders/byid/'

When you do this:

"+myCustomVariable+"

That represents a string, not your variable. Your variable is

myCustomVariable

Without the " aroud it

See this:

var myCustomVariable = '3434';

//This
urlpath = '/people/' + myCustomVariable + '/folders/byid/'
//Same than
urlpath = '/people/' + '3434' + '/folders/byid/'
//Same than
urlpath = '/people/3434/folders/byid/'

But

var myCustomVariable = '3434';

//This
urlpath = '/people/' + '+myCustomVariable+' + '/folders/byid/'
//Same than
urlpath = '/people/+myCustomVariable+/folders/byid/'

edited Aug 28, 2014 at 21:18

answered Aug 28, 2014 at 21:13

Carlos Calla

6,7262 gold badges18 silver badges23 bronze badges

Collectives™ on Stack Overflow

How do I render a variable in a URL path in JavaScript?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related