how to convert an array to string including space elements in JS?

Question

I want to convert this array into string includes space elements in javascript. space doesn't show after return.

let results = ['Hello',' ',' ',' ','EveryOne',' ',' ',' ','My',' ','Name',' ','is',' ','X'];

const result = () => 
{
    for(let i = 0; i<results.length; i++)
    {
        return results;
    } 
 } 

result();

// Expected Output : "Hello   EveryOne   My  Name is X";

Perhaps also show expected output in your question. Because if you want duplicitous spaces then thats not all clear — GetSet
– GetSet, Commented Feb 7, 2021 at 10:14
Ok i see you show expected out put. You can use standard array function for join — GetSet
– GetSet, Commented Feb 7, 2021 at 10:15
Your code has syntax errors which make it hard to help you. Please fix the syntax errors. But the short answer is: Just use join(""). That will not remove the spaces. — T.J. Crowder
– T.J. Crowder, Commented Feb 7, 2021 at 10:15

Alan Omar · Accepted Answer · 2021-02-07 10:20:02Z

4

use Array.prototype.join with empty string as separator:

const result = () => {
    let results = ['Hello',' ',' ',' ','EveryOne',' ',' ',' ','My',' ','Name',' ','is',' ','X'];
    return results.join('')
 } 
 
 console.log(result())

edited Feb 7, 2021 at 10:20

answered Feb 7, 2021 at 10:18

Alan Omar

4,2871 gold badge13 silver badges26 bronze badges

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

1 Comment

GetSet Over a year ago

If you dont care about repetitive whitespace as seems to be the case, then here is the solution @SilentStorm

Majed Badawi · Accepted Answer · 2021-02-07 10:26:17Z

2

You need to concatenate the elements in the for-loop:

const result = (results=[]) => {
  let str = '';
  for(let i = 0; i < results.length; i++) {
    str += results[i];
  } 
  return str;
} 
 
console.log( result(['Hello',' ',' ',' ','EveryOne',' ',' ',' ','My',' ','Name',' ','is',' ','X']) );

Another way using .join:

const result = (results=[]) => {
  return results.join('');
} 
 
console.log( result(['Hello',' ',' ',' ','EveryOne',' ',' ',' ','My',' ','Name',' ','is',' ','X']) );

edited Feb 7, 2021 at 10:26

answered Feb 7, 2021 at 10:18

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

1 Comment

GetSet Over a year ago

But OP seems to want the repetitive white space where it occurs. Scratching my head on why but seems to be the desired result on even if two or more spaces included in the string result between tokens

Siva Kondapi Venkata · Accepted Answer · 2021-02-07 11:05:54Z

Since reactjs tag is there, am assuming issue rendering. Use HTML entity for ' ', that should display correct as in snippet.

const Component = () => {
  let results = [
    "Hello",
    " ",
    " ",
    " ",
    "EveryOne",
    " ",
    " ",
    " ",
    "My",
    " ",
    "Name",
    " ",
    "is",
    " ",
    "X",
  ];
  return (
    <div>
      {" "}
      {results.map((word) => (
        word === ' ' ? <span>&nbsp;</span> : <span> { word } </span>
      ))}{" "}
    </div>
  );
};

ReactDOM.render(<Component />, document.getElementById("app"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>


<div id="app"> </div>

AdriSolid · Accepted Answer · 2021-03-29 09:58:46Z

1

You can convert your array to string, and then split commas per something like: results.toString().split(',').join('');

edited Mar 29, 2021 at 9:58

answered Feb 7, 2021 at 10:17

AdriSolid

2,8231 gold badge10 silver badges18 bronze badges

Comments

4b0 · Accepted Answer · 2021-05-11 00:40:55Z

0

 let result = arr.filter(item => {
    if (item !== " "){
        return item
    };
  });
  console.log("result",result)

edited May 11, 2021 at 0:40

4b0

22.4k30 gold badges97 silver badges143 bronze badges

answered May 10, 2021 at 15:26

Force Bolt

1,23111 silver badges10 bronze badges

2 Comments

4b0 Over a year ago

It's good practice on StackOverflow to add an explanation as to why your solution should work.

Thavas Antonio Over a year ago

Answer's are great. But for best practices, please provide an explanation. You only posting code makes the OP and future commers copy and paste your answer without understanding the logic behind the answer. Please provide an answer with some explanation. Thank You!

Collectives™ on Stack Overflow

how to convert an array to string including space elements in JS?

5 Answers 5

1 Comment

1 Comment

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related