Split array in JS

Question

I am making a Pure js hangman game. I have an array with different words. I have tried to split the array into single letters, but I am getting "," for every letter.

e.g: in array [station], when I split it returns "s,t,a,t,i,o,n".

so i want to split it with out the ",".

here is the code:

// Word we want to use to the hangman game
let words = ["definition", "programming", "relation", "station","gamification","playstation"];

//This chooses random word from words array and * with words length to not go over the array length
let random = Math.floor(Math.random(words) * words.length);

//This will split up the word ex: station to [s,t,a,t,i,o,n]
let wordSplit = words[random].split('');


let wordLetters = document.getElementById("letters")

wordLetters.innerHTML = wordSplit;

function wordInput(){
    let lettersDiv = document.getElementById("letters");
       let html = "<p id = 'letters'>" + wordSplit + "</p>";
       return html;
}

how it displays

Jake Lam · Accepted Answer · 2020-05-21 13:50:43Z

2

You can try replace

let wordSplit = words[random].split('');

with

let wordSplit = words[random].split('').join(" ");  // there is a space in join

answered May 21, 2020 at 13:50

Jake Lam

3,4723 gold badges30 silver badges52 bronze badges

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

Comments

Yash Shah · Accepted Answer · 2020-05-21 13:52:59Z

1

let wordSplit = words[random].split('');

This will assign wordSplit to ["d", "e", "f", "i", "n", "i", "t", "i", "o", "n"] which is an array without the ,.

However the problem arises when you do this:

wordLetters.innerHTML = wordSplit;

Just a little background, the HTML DOM doesn't understand any datatype other than string (No int, arrays etc.). So when you do the above command, the DOM Renderer can't set the innerHTML to be a variable of datatype Array, so what it does instead is call the toString() method on it.

so the above command basically becomes (internally):

wordLetters.innerHTML = wordSplit.toString()

The toString() on lists gives us a comma-separated string, which is what you see.

So the problems isn't in the split part but the design of the page, you'll have to run some sort of .map to assign each character to another div, or something like that.

Or just do: wordLetters.innerHTML = wordSplit.join(' ')

This should replace the , with a

answered May 21, 2020 at 13:52

Yash Shah

1416 bronze badges

2 Comments

Hanzo Hazashi Over a year ago

i wanted the all letters to be splitted into a single char,but without the "," visible

Yash Shah Over a year ago

Can you give an example of what you want your output to look like?

Christian Zerbes · Accepted Answer · 2020-05-21 13:51:34Z

0

I'm not quite sure if I understood the problem, but .join("") should to the trick:

let html = "<p id = 'letters'>" + wordSplit.join("") + "</p>";

answered May 21, 2020 at 13:51

Christian Zerbes

767 bronze badges

Comments

Ismail Ashari · Accepted Answer · 2022-03-17 02:45:22Z

0

i don't know whether this is correct or not, but i think using .join("") can solve it.

let wordSplit = words[random].split('').join(" ")

answered Mar 17, 2022 at 2:45

Ismail Ashari

1

Comments

Dharman · Accepted Answer · 2022-03-17 03:11:57Z

0

use spacing into split method.

example:

let wordSplit = words[random].split(' ').join('')

edited Mar 17, 2022 at 3:11

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Mar 17, 2022 at 3:06

Kevin Sebastian

1

Collectives™ on Stack Overflow

Split array in JS

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related