Javascript-数组输入的每个字母

Question

I have an input type text with maxlength=5, like this:

<input id="word" type="text" name="word" maxlength="5">
<button id="btn"> Send </button>

Is there any way to receive the input and separate each of the letters to each index of an array?

Example:

input= "carro";
array=["c","a","r","r","o"]

I know how to put the input in the array but not separated like this. Can anyone help me?

Answer 1

There are usualy more than one way to do something in JS. I know 3 ways to get an array from a string.

1. Use .split with blank string as an argument. But, as @georg mentioned, "it doesn't work with 32-bit characters, eg emojis".

2. Use method .from of Array object.

3. Or newest way: another method .of in combination with spread syntax .

 <input id="word" type="text" name="word" maxlength="5" value="carro"> <button id="btn"> Send </button> <script> document.querySelector('#btn').addEventListener('click', function() { const value = document.querySelector('#word').value // const array = value.split('') // const array = Array.from(value) const array = Array.of(...value) console.log(array) }) </script> 

Answer 2

split method will be useful to fix your issue

 document.getElementById('btn').onclick = function(){ var input =document.getElementById('word').value; var val = input.split(''); console.log(val); } 

 <input type='text' id='word' value='carro'> <button id='btn'>Send</button>