É possivel gerar todo um array utilizando document.querySelectorAll.(

É possivel gerar todo um array utilizando document.querySelectorAll.("").textContent; ?

<!DOCTYPE html>
<html>
<head>
    <title>Exercicio</title>
</head>
<body>
    <ul>
        <li class="convidado">
            Nome <span class="nome">Douglas</span>,
            idade <span class="idade">23</span>
        </li>
        <li class="convidado">
            Nome <span class="nome">Daniel</span>,
            idade <span class="idade">42</span>
        </li>    
        <li class="convidado">
            Nome <span class="nome">Marcos</span>,
            idade <span class="idade">27</span>
        </li>    
        <li class="convidado">
            Nome <span class="nome">Flávio</span>,
            idade <span class="idade">18</span>
        </li>

        Total das idades: <span class="total"></span>
    </ul>

    <script>

        var convidados = [];
        convidados.push = document.querySelectorAll('.nome').textContent; 
        console.log(convidados);

    </script>
</body>
</html>

var convidados = []; for (let k=0;k< document.querySelectorAll('.nome').length;k++){ convidados.push (document.querySelectorAll('.nome')[k].textContent); } console.log(convidados);