3

Tenho o seguinte array

Array
    (
        [0] => Array
            (
                [id] => 232
                [menu] => Energia
                [logo] => fa-bolt
                [url] => #
                [submenu] => Array
                    (
                        [0] => Array
                            (
                                [id] => 209
                                [menu] => Cadastrar Medidor
                                [logo] => fa-circle-o
                                [url] => medidor
                            )

                        [1] => Array
                            (
                                [id] => 336
                                [menu] => Cadastrar Grandeza
                                [logo] => fa-circle-o
                                [url] => grandeza
                            )

                        [2] => Array
                            (
                                [id] => 233
                                [menu] => Configuração de Conta
                                [logo] => fa-wrench
                                [url] => #
                                [submenu] => Array
                                    (
                                        [0] => Array
                                            (
                                                [id] => 182
                                                [menu] => Configuração de Tarifa
                                                [logo] => fa-circle-o
                                                [url] => ponta
                                            )

                                        [1] => Array
                                            (
                                                [id] => 190
                                                [menu] => Lista de configuração de limite
                                                [logo] => fa-circle-o
                                                [url] => limite/limiteSub
                                            )

                                        [2] => Array
                                            (
                                                [id] => 197
                                                [menu] => Feriados
                                                [logo] => fa-circle-o
                                                [url] => ano
                                            )

                                    )

                            )

                        [3] => Array
                            (
                                [id] => 180
                                [menu] => Entrada e saída
                                [logo] => fa-circle-o
                                [url] => rele/rele
                            )

                        [4] => Array
                            (
                                [id] => 120
                                [menu] => Monitoramento
                                [logo] => fa-circle-o
                                [url] => medicao/monitoramento
                            )

                        [5] => Array
                            (
                                [id] => 166
                                [menu] => Tela Status
                                [logo] => fa-circle-o
                                [url] => medidor/telaStatus
                            )

                        [6] => Array
                            (
                                [id] => 168
                                [menu] => Conta
                                [logo] => fa-money
                                [url] => conta/conta-config
                            )

                    )

            )

        [1] => Array
            (
                [id] => 234
                [menu] => Temperatura
                [logo] => fa-sun-o
                [url] => #
                [submenu] => Array
                    (
                        [0] => Array
                            (
                                [id] => 235
                                [menu] => Cadastrar Medidor
                                [logo] => fa-circle-o
                                [url] => mt
                            )

                        [1] => Array
                            (
                                [id] => 169
                                [menu] => Monitoramento
                                [logo] => fa-circle-o
                                [url] => medicao/graficos1
                            )

                    )

            )

    )

Esse array eu preencho da seguinte form usando o php

$arrayMenu = array();              
        foreach ($sql as $key => $value) {
           $arrayMenu[] = array(
               'id'    => $value->menu_id,
               'menu'  => $value->menu_nome,
               'logo'  => $value->menu_logo,
               'url'   => $value->menu_url
           );
           if( $value->count > 0){
                $query = self::queryFn( $value->menu_id, $id );
                foreach ($query as $key1 => $value1) {
                    $arrayMenu[$key]['submenu'][] = array(
                        'id'    => $value1->menu_id,
                        'menu'  => $value1->menu_nome,
                        'logo'  => $value1->menu_logo,
                        'url'   => $value1->menu_url,
                    );  

                   if( $value1->count > 0 ){
                        $query1 = self::queryFn( $value1->menu_id, $id );
                        foreach ($query1 as $key2 => $value2) {
                            $arrayMenu[$key]['submenu'][$key1]['submenu'][] = array(
                                'id'    => $value2->menu_id,
                                'menu'  => $value2->menu_nome,
                                'logo'  => $value2->menu_logo,
                                'url'   => $value2->menu_url
                            );   
                        }   
                    }   
                }

           }

        } 

Eu gostaria de fazer a mesma coisa usando javascript

Estou tentando assim:

const { connection1, errorHandler } = deps
                var menus = queryFn({ parent, user, connection1, errorHandler })
                var arrMenu = []
                menus.then(r => {
                    //console.log('r',r.result)
                    var res = r.result
                    for (var i = 0; i < res.length; i++) {
                        parent = res[i].menu_id
                        var menu = {
                            id: res[i].menu_id,
                            menu: res[i].menu_nome,
                            logo: res[i].menu_logo,
                            url: res[i].menu_url
                        }
                        arrMenu.push(menu)
                        if (res[i].count > 0) {

                            var submenus = queryFn({ parent, user, connection1, errorHandler })
                            submenus.then(s => {
                                var res1 = s.result
                                for (var j = 0; j < res1.length; j++) {
                                    var submenu = {
                                        id: res1[j].menu_id,
                                        menu: res1[j].menu_nome,
                                        logo: res1[j].menu_logo,
                                        url: res1[j].menu_url
                                    }
                                    menu[i] = { submenu }
                                    //menu['submenu'].push( submenu )
                                     arrMenu.push( menu )
                                }
                            })
                        } else {
                            arrMenu.push(menu)
                        }
                    }
                    console.log(arrMenu)
                })

Mas só estou tendo o seguinte resultado

[ { id: 204, menu: 'Energia', logo: 'fa-bolt', url: '#' },
  { id: 206, menu: 'Temperatura', logo: 'fa-sun-o', url: '#' } ]

Como faço para ter um array aninhado ou array dentro do outro?

2
  • Qual versão do Node você está usando?
    – Sorack
    13/03/2019 às 19:11
  • Versão do node é 10.12.0 13/03/2019 às 19:20

1 Resposta 1

2

Você tem alguns problemas na sua execução:

  • Não há menção do valor na primeira execução da variável parent;
  • Não há menção do valor da variável user;
  • O preenchimento do submenu é assíncrono, e não há nada que aguarde a finalização antes de mostrar o resultado;
  • O trecho de código menu[i] = { submenu } irá substituir o objeto do menu pai inteiro e deixar apenas o atributo submenu;
  • Não há tratamento para N níveis de submenus.

Reescrevi seu código inteiro aplicando async/await e realizando as correções devidas nos itens apontados anteriormente (menos os de valores de variável):

const { connection1, errorHandler } = deps;

const transformar = async ({ menu_id: id, menu_nome: nome, menu_logo: logo, menu_url: url, count: quantidade }) => {
  const menu = {
    id,
    logo,
    url,
    menu: nome,
  };

  if (quantidade > 0) menu.submenu = await preencher(id);

  return menu;
};

const preencher = async (pai) => {
  const { resultado } = await queryFn({ user, connection1, errorHandler, parent: pai });
  const promessas = resultado.map(transformar);
  const menus = await Promise.all(promessas);

  return menus;
};

Para testar a execução utilize:

(async () => {
  console.log(await preencher());
})();
6
  • Estou tendo o seguinte resultado Promise { <pending> } 13/03/2019 às 20:03
  • @adventistaam testa da forma como está agora
    – Sorack
    13/03/2019 às 20:07
  • Isso! Deu certo. Retorno do mesmo jeito 13/03/2019 às 20:11
  • @adventistaam deu certo ou retornou do mesmo jeito errado? hahaha
    – Sorack
    13/03/2019 às 20:11
  • 1
    rss. Deu certo! Retorno do jeito como eu retornava no php 13/03/2019 às 20:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .