How can I extract letters of an array of strings into an array, split by space in JavaScript?

Question

Here is a code snippet that explains what I am trying to do..

const names = ["foo", "bar", "baz"];
let actual = [];
// Implementation here..
const expected = ['f', 'o', 'o', ' ', 'b', 'a', 'r', ' ', 'b', 'a', 'z'];

// Tests
if (actual.length !== expected.length) {
  console.error("Fail - Arrays not in equal length.");
}
for (let i = 0; i < expected.length; i++) {
  if (actual[i] !== expected[i]) {
    console.error('Fail - Letters are not equal in indices.');
    break;
  }
}

I do have an implementation for it but is there a simpler/elegant way to do this instead of using nested loops and an if condition to check to see if we are iterating over the last element?

Here what works for me which I do not like and want to improve:

for (const name of names) {
  for (const letter of [...name]) {
    actual.push(letter);
  }
  if (names[names.length - 1] !== name) {
    actual.push(' ');
  }
}

Familiarize yourself with how to access and process nested objects, arrays or JSON and use the available static and instance methods of Array. — Sebastian Simon
– Sebastian Simon, Commented Sep 12, 2021 at 1:19

Spectric · Accepted Answer · 2021-09-12 01:18:07Z

4

Sounds like it'd be easy to just join the array of strings by a space, then turn that into an array:

const names = ["foo", "bar", "baz"];
const result = [...names.join(' ')];

console.log(result);

(you might be tempted to .split('') for more elegant looking chaining, but that has problems with certain characters)

edited Sep 12, 2021 at 1:18

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

answered Sep 12, 2021 at 1:12

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Collectives™ on Stack Overflow

How can I extract letters of an array of strings into an array, split by space in JavaScript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related