Merge arrays and strings into array

Question

I have input like this:

const a = 'lol',
      b = ['1','2','3'],
      c = 'c';

I want to merge it so the output would be this array:

['lol', '1', '2', '3', 'c']

I tried with spread operator like this

const arr = [...a, ...b, ...c]
console.log(arr)

but it consoles

["l", "o", "l", "1", "2", 3, "c"]

...a will spread the string into the individual characters. Just omit the spread and have [a, ...b, c] — VLAZ
– VLAZ, Commented Jan 1, 2020 at 23:58

Snow · Accepted Answer · 2020-01-01 23:58:12Z

5

Only use spread if it's an array:

const arr = [a, ...b, c];

More dynamically, with .flat:

const a = 'lol',
      b = ['1','2','3'],
      c = 'c';
const arr = [a, b, c].flat();
console.log(arr);

answered Jan 1, 2020 at 23:58

Snow

4,1463 gold badges16 silver badges43 bronze badges

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

5 Comments

BT101 Over a year ago

But the input can be more strings and arrays

VLAZ Over a year ago

@dopeCode then...just do the same - spread the arrays, don't spread the strings. What's the problem with that?

Snow Over a year ago

@dopeCode Put all items of the input into the array, then flatten that array - see the snippet.

StackSlave Over a year ago

.flat() won't work on Edge or IE. Just a comment.

VLAZ Over a year ago

@StackSlave neither would the spread operator, however if OP is using it, then IE doesn't seem to be a concern.

Elias Dos Reis · Accepted Answer · 2020-01-06 11:33:36Z

-2

A better way to get each element in a function.

const a = 'lol', b = ['1','2','3'], c = 'c';

const _join = (...params) => { return Array.prototype.concat.apply([],params) }

const result = _join(a,b,c)

console.log(result)

edited Jan 6, 2020 at 11:33

answered Jan 2, 2020 at 0:29

Elias Dos Reis

11 bronze badge

1 Comment

Bruno Over a year ago

This currently fails and prints Array(9) ["l", "o", "l", "1", ",", "2", ",", "3", …]

Collectives™ on Stack Overflow

Merge arrays and strings into array

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related