I used the spread operator, and it came up with output on multiple lines?

Question

I 'iterated' over this 2-dimensional array playlists, looking to extract the second item (the artist) for every song in the array using a for loop. My Code:

const playlist = [
    ['So What', 'Miles Davis', '9:04'],
    ['Respect', 'Aretha Franklin', '2:45'],
    ['What a Wonderful World', 'Louis Armstrong', '2:21'],
    ['At Last', 'Ella Fitzgerald', '4:18'],
    ['Three Little Birds', 'Bob Marley and the Wailers', '3:01'],
    ['The Way You Look Tonight', 'Frank Sinatra', '3:21']
];

const myArtists = (playlist) => {
    for ( i=0; i<playlist.length; i++ ) {
        let artists = [];
        artists.push(playlist[i][1]);
    }
    console.log(...artists);
};

When I print to the console it comes out as a line-broken list, rather than a comma separated one:

> myArtists(playlist)
Miles Davis
Aretha Franklin
Louis Armstrong
Ella Fitzgerald
Bob Marley and the Wailers
Frank Sinatra
undefined

Also, how do I not get rid of the undefined for the last item?

Answer 1 · 2022-12-06T15:00:44Z

December 6, 2022 3:00pm

You must have a globally defined "artists" created by code not shown here, because the one created inside the "for" loop is scope limited to within the loop and is not available to the console.log line after of it.

But even if it was, the multiple strings created by the spread operator would still not have comma separators, though they would appear on one line.

And the "undefined" you see is the natural result of calling a function in the console that has no return value (and myArtists doesn't return anything). The console always logs the result of anything you do manually.

Welcome to the Treehouse Community

Looking to learn something new?

Samuel Kleos

Samuel Kleos

I used the spread operator, and it came up with output on multiple lines?

1 Answer

Steven Parker

Steven Parker