<html>
<head>
<title>Texto Area</title>
<script>
var itens = new Array();
var index = 0;
function adicionaItem(item, quantidade)
{
itens[index] = {nomeItem : item, quantidade: quantidade};
index++;
}
function concluirCompra()
{
document.getElementById("nota").innerHTML=getItensToString();
}
function getItensToString()
{
var result = '';
for (i = 0; i < itens.length; i++){
result = result + itens[i]['nomeItem'] + ' ' + itens[i]['quantidade'] + '\r\n';
}
return result;
}
adicionaItem('cafe', 10);
adicionaItem('arroz', 20);
</script>
</head>
<body>
<textarea id="nota" name="nota"></textarea>
<button type=button" onclick="concluirCompra();">Carregar</button>
</body>
</html>
Explicação: Como a variável itens é um array de posições é só varrer cada posição para mostrar os dados no textarea, com uma quebra de linha \r\n
.
Referência