Create Javascript Object with variable names as keys

Question

I would like to create an object from variables where the keys are the variable names, and the values are the variable values:

let username = "foo";
let password = "bar";

let request = {
    username: username,
    password: password
};

Resulting value of request:

{"username":"foo","password":"bar"}

Can this be done more simply, without writing username or password or any other variable name twice per object attribute?

let request = {username, password} not supported in old crappy browsers tho. — Lain
– Lain, Commented Jul 31, 2019 at 13:05
Works in latest Chrome, Firefox and MsEdge. Rest I do not bother trying. — Lain
– Lain, Commented Jul 31, 2019 at 13:08

Jack Bashford · Accepted Answer · 2019-07-31 13:23:26Z

3

ECMAScript 6 introduced shorthand property notation, which created a property with the key as the name of the variable, and the value as the value of the variable. It works like so:

let request = { username, password };

This will not work in older, less well-supported browsers however - Internet Explorer is (unfortunately) a good example.

To transpile it, you could use Babel, a popular transpiler.

edited Jul 31, 2019 at 13:23

answered Jul 31, 2019 at 13:09

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

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

2 Comments

aslantorret Over a year ago

FYI: Using babel transpiler solves the old browser support problem

Jack Bashford Over a year ago

Yeah, I know @aslantorret - but if you don't have, want or need Babel, it's easiest to know which features are supported and which aren't.

Collectives™ on Stack Overflow

Create Javascript Object with variable names as keys

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related