How to return from object an array of properties and connect them

Question

I'm doing a simple blackjack game, and I got stuck on returning from object. My goal is to get return all of the 52 cards, but what I get is only the last array.

let suits = ['Hearts', 'Clubs', 'Diamonds', 'Spades'],
values = ['Ace', 'King', 'Queen', 'Jack',
    'Ten', 'Nine', 'Eight', 'Seven', 'Six',
    'Five', 'Four', 'Three', 'Two'
];

let deck = [];
function createDeck(deck) {
    for (let i = 0; i < values.length; i++) {
        for (let j = 0; j < suits.length; j++) {
            let card = {
                values: values[i],
                suit: suits[j]
            };
            deck.push(card);
        }
    }
    return deck;
}

function cardName(deck) {
    let name = [];
    for (let i = 0; i < deck.length; i++) {
        name = deck[i].values + " of " + deck[i].suit;
    }
    return name;
}

I've tried an array of object, debugging bunch of times, double looping, for...in loop, but none of it worked. My best shot is when it returns the last array, which is 'Two of Spades'. I'd really appreciate some guidance

Answer 1

cardName overwrites "name" in each iteration of for loop (that is why you see only the last value). Use

name.push(deck[i].values + " of " + deck[i].suit)