传递一个返回数组作为参数的函数

Question

I have two functions:

function drawCard(player) {

let imageCard = document.createElement('img');
let imageId = getRandomCard();
player['cards'].push(imageId);
imageCard.src = "static/image/PNG/"+ imageId + ".png";
return [imageCard, imageId];}

and

function showCard(card, id, player) {
document.querySelector(player['div']).appendChild(card);
upgradeScore(id,player);}

I am trying to pass values imageCard and imageId returned from function drawCard() by calling a function drawCard() in showCard() arguments but I can't find the way to do so. Is there a nice and tidy way to do it?

Answer 1

Yes,

You can use array destructuring to pass in the return values of drawCard as arguments for showCard .

let player =  [...]
// ^ Assuming that you have declared the player variable elsewhere

showCard(...drawCard(player), player)
// The two values returned by the drawCard function are taken out of the array and passed in as arguments

// Equivalent to showCard(drawCard(player[0]), drawCard(player[1), player)

More on destructuring assignment

Answer 2

It looks like everything is dependent on your player variable.

You can use it as the only argument and then call the drawCard method. Destructure the returned array into two variables and then use them as you wish.

function showCard(player) {
let [card,id] = drawCard(player);
document.querySelector(player['div']).appendChild(card);
upgradeScore(id,player);}

Answer 3

hope this help cause your demande is a kind of not clear.

function drawCard(player) {
    let imageCard = document.createElement('img');
    let imageId = getRandomCard();
    player['cards'].push(imageId);
    imageCard.src = "static/image/PNG/"+ imageId + ".png";
    return [imageCard, imageId];
}

function showCard(card, id, player) {
    let imageCardAndImageId = drawCard(player);
    document.querySelector(player['div']).appendChild(imageCardAndImageId[0]);
    upgradeScore(imageCardAndImageId[1],player);
}