How to pass array using spread syntax into method in JavaScript

Question

I am trying to pass an array into a method but having issues with quotes. Here is a case similar to what I am trying to achieve.

const remove = ['blue', 'round', 'tall']

function removeClass(param) {
    foo.classList.remove(param)
}  

removeClass(...remove)

The issue is that the result is foo.classList.remove('blue, round, tall') which won't work. I am trying to achieve this foo.classList.remove('blue', 'round', 'tall')

I have tried using remove.map(el => `'${el}'`).join(',') but then the result is foo.classList.remove("'blue', 'round', 'tall'") which also doesn't work.

Your removeClass function is designed to only remove one class. You'd need to define a rest parameter or the arguments object to get them all. All depends on how you want to design your function. — user1106925
– user1106925, Commented Mar 21, 2017 at 14:36
Or just don't hide behind a function: foo.classList.remove(...remove) — user1106925
– user1106925, Commented Mar 21, 2017 at 14:37

Arg0n · Accepted Answer · 2017-03-21 14:37:22Z

3

Try using rest parameters:

const remove = ['blue', 'round', 'tall'];

function removeClass(...param) {
    foo.classList.remove(...param);
}  

removeClass(...remove);

answered Mar 21, 2017 at 14:37

Arg0n

8,4532 gold badges26 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

How to pass array using spread syntax into method in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related