assign multiple const to the same value in Javascript

Question

Is something like this possible? I have tried using let with no success after some research.

const [container, item, columnLeft, columnRight] = document.createElement('div');

or

let [container, item, columnLeft, columnRight] = document.createElement('div');

That only works if document.createElement returns an array of four (or more) items. It would assign a variable to each element in that array, named as you have. — James
– James, Commented Dec 3, 2020 at 19:06
Tha should not work, .createElement() returns object not an array. — Danilo Ivanovic
– Danilo Ivanovic, Commented Dec 3, 2020 at 19:10

James · Accepted Answer · 2020-12-03 19:15:40Z

3

The thing on the right has to match the destructuring thing on the left, in your case the thing on the left is looking for an array with at least four elements, so:

const [container, item, columnLeft, columnRight] = [
  document.createElement("div"),
  document.createElement("div"),
  document.createElement("div"),
  document.createElement("div")
];

or, make a temporary array and use its map method to produce the array of divs

const [container, item, columnLeft, columnRight] = [1,2,3,4].map(() => document.createElement("div"));

answered Dec 3, 2020 at 19:15

James

22.4k5 gold badges29 silver badges44 bronze badges

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

1 Comment

dave Over a year ago

as a goof: const [container, item, columnLeft, columnRight] = new Array(4).fill(() => document.createElement("div")) (the thing i'm working on required a number of extra items so just easier to write Array(10) over [1,2,3,4,5,6,7,8,9,10] at that point)

Inspiraller · Accepted Answer · 2020-12-03 19:15:21Z

0

let x, y, z;
x = y = z = 100;
console.log(x,y,z)

edited Dec 3, 2020 at 19:15

answered Dec 3, 2020 at 19:10

Inspiraller

3,8026 gold badges42 silver badges85 bronze badges

4 Comments

brooksrelyt Over a year ago

I already tried that with no success unfortunately const container = item = columnLeft = columnRight = document.createElement('div');

Inspiraller Over a year ago

Maybe take off const. I noticed when I tried to change x I couldn't but I could change y and z, so I suspect you have to use let

brooksrelyt Over a year ago

Same result using let

Xaver Fleer Over a year ago

@SteveTomlin You suspect correctly. Const variables can only be assigned a variable when declaring it. Works: const a = 1;, throws an error: const a; a=1. This is by design.

Collectives™ on Stack Overflow

assign multiple const to the same value in Javascript

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related