Ajax is returning me an array and now, how to separate?

Question

My Ajax request is returning 3 records of a PHP query (yes, I’m sure), so we have arrays of the type:

array 1 ["João", "19/05/1986", "masculino", "Programador", "Campo Grande"]
array 2 ["Maria", "15/05/1988", "feminino", "Enfermeira", "Londres"]
array 3 ["Patricia", "04/11/1980", "feminino", "Servidora Pública", "Fortaleza"]

Question: How do I separate this data so that I can take the information of each array separately and continue my system? To help I’ll put a piece of code

$.ajax({
    type: "POST",
    dataType: "json",
    url: "<?php bloginfo('template_url'); ?>/scripts/php_functions.php",
    data: {
        idClienteDocumentos: idClienteDocumentos,
        ajax: "true"
    },
    success: function(result) {

            var resultado = JSON.parse(result);

            // preciso montar as arrays cujo contador me confirmou que existem
            $("#Contador").val(resultado[6]);

For those who feel free to give a little extra strength, I need to put this inside a while PHP.

Answer 1

If you already have an array coming in after JSON.parse, you can use foreach to mount that table. If you want to do it with Divs here is a hint:

var campos = ['arquivo', 'idCliente', 'titulo', 'descricao', 'arquivo', 'data'];
var tabela = $('<div id="tabela"></div>');
resultado.forEach(function (linha) {
    var linhaDiv = $('<div></div>');
    linha.forEach(function (campo, index) {
        $('<div></div>').addClass(campos[index]).text(campo).appendTo(linhaDiv);
    });
    linhaDiv.appendTo(tabela);
});

It would be interesting if you sent objects directly from PHP, so the fields that will be classes could already come together. I suggest this at the end of this answer.