Array of an Array Help

[AN_05]

I am trying to have a value that looks like this:

let x = [

               ['a','b','c'],

               ['d','e','f'],

               ['g','h','i'],

           ]

and have it show in the console like this:

"abc def ghi"

It seems like an easy solution but I am new to coding and looking for some guidance. Thanks!

[Ingolme]

The join() method will turn an array into a string with whichever delimiters you like. Since you have nested arrays, you'll have to loop through them and construct string from them. There are multiple ways to do it, here's one:

let x = [
  ['a','b','c'],
  ['d','e','f'],
  ['g','h','i']
];

var out = []; // Temporarily store the internal strings in here.
var item, str; // Variables used in the loop
for(var i = 0; i < x.length; i++) {
  item = x[i]; // Access one of the internal arrays
  str = item.join(""); // Turn the internal array into a string
  out.push(str); // Add the string to the output array
}
var output = out.join(" "); // Turn the output array into an output string
console.log(output);

 

[JMRKER]

Another approach if the browsers you want to use can handle it:

<script>
let x = [
  ['a','b','c'],
  ['d','e','f'],
  ['g','h','i']
];

console.clear();
console.log('Original: ',JSON.stringify(x));

var xx = x.join(',');
console.log('String: ', xx);

console.log('Stringify: ', ...JSON.stringify(xx));

</script>

 

[Ingolme]

That doesn't format the array with spaces between each of the internal arrays.

[JMRKER]

OK.

 <script>
let x = [
  ['a','b','c'],
  ['d','e','f'],
  ['g','h','i']
];

console.clear();
console.log('Original: ',JSON.stringify(x));

var str = '';
for (var i=0; i<x.length; i++) { str += x[i].join('')+' '; }
console.log(str);

</script>