国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Bagaimana untuk melintasi struktur data json yang dikembalikan oleh latar belakang jika terlalu dalam?
某草草
某草草 2017-05-19 10:18:40
0
3
742

Bagaimana cara saya menggelungkan data json dengan struktur ini untuk mendapatkan yang paling dalam, dan saya menggunakan kaedah penyambungan rentetan Jika saya membuat di bawah, saya hanya boleh menggunakan gelung for untuk melintasinya? ? ? Tolong bantu

某草草
某草草

membalas semua(3)
漂亮男人

Setuju dengan perkara di atas, gunakan templat js seperti artTemplate dan seumpamanya.
Jika anda perlu menggunakan penyambungan rentetan, ia adalah gelung dalam gelung. Ia tidak lebih daripada menambah sedikit gula sintaks.
adalah seperti berikut.

(
    ()=>{
        const data=[
            {
                id:10,
                name:"jack",
                lists:[
                    {
                        item:"水泥",
                        num:323
                    },
                    {
                        item:"鋼筋",
                        num:111
                    }
                ]
            },
            {
                id:15,
                name:"tom",
                lists:[
                    {
                        item:"西瓜",
                        num:44
                    },
                    {
                        item:"桔子",
                        num:66
                    }
                ]
            }
        ];
        
        const getHtml=({name,id,lists})=>`<li>
            <p>我叫${name},我的工號是${id}</p>
            <p>我有一批貨物,它們分別是:</p>
            <section>
                ${lists}
            </section>
        </li>
        `;
        
        const getList=({item,num})=>`<p>貨物名:${item},貨物編號:${num}。</p>\n`;
        
        let result="";
        
        data.forEach(person=>{
            const {name,id}=person;
            let lists="",
                _lists=person.lists;
            _lists.forEach(list=>{
                const {item,num}=list;
                lists+=getList({item,num});
            });
            result+=getHtml({name,id,lists});
        });
        
        console.log(result);
    }
)();

Keputusan adalah seperti berikut

Ty80

Jawapan mudah: gunakan fungsi.

Jawapan kompleks: Setiap lapisan Objek menggunakan fungsi untuk menukarnya menjadi rentetan, dan kemudian menyambungkannya di lapisan paling luar.

Pendekatan yang lebih bijak: jangan gunakan jQuery. Jika anda perlu serasi dengan IE9-, gunakan Knockout.js, avalon.js Jika lelaki dan wanita tua itu boleh berputus asa, gunakan VueJS, Angular 4.0+, React. Kemudian beri mereka petunjuk: penyemak imbas anda terlalu lama.

Ty80

Dalam kes ini, disyorkan untuk menggunakan templat js Terlalu menyusahkan untuk menyambung tali sendiri

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan