Heim Web-Frontend js-Tutorial js definiert die mehrdimensionale Array-Methode des Objektarrays (Kombination).

js definiert die mehrdimensionale Array-Methode des Objektarrays (Kombination).

Jan 14, 2017 pm 01:16 PM

Das Definieren eines Arrays in PHP ist sehr einfach, aber in JS geht es schief, wenn Zeichen als Indizes verwendet werden, also kombinieren Sie es mit Objekten.

var top_ = {
 
    'index':'首页',
    'user':'用户',
    'tree':'模块树'
} ;
var all_list = [
    {
         
         "index": [
             {'name':'网站栏目管理','url':'1.html'},
             {'name':'网站栏目管理2','url':'2.html'}
         ]
         
          
    },
    {
        "user": [
             {'name':'用户管理','url':'user.html'},
             {'name':'用户添加','url':'add.html'}
         ]
         
    },
    {
        "tree": [
             {'name':'模块树管理','url':'manager.html'},
             {'name':'模块树添加','url':'add_new.html'},
             {'name':'模块树添333加','url':'add_ne33w.html'}
         ]
         
    }
];
Nach dem Login kopieren

Das Obige definiert ein Modulbaum-Array. . . .

Darüber hinaus ist das Abrufen von Daten beim Abrufen sehr einfach.

//根据顶部的下标得到左边菜单
function return_left_menu_by_index(index){
 
var left_ = '' ;
for(var i in all_list){
 
for(var j in all_list[i]){ 
if(j == index){
//默认显示的菜单
//console.dir(all_list[i][j]);
for(var k in all_list[i][index]){
//console.dir(k);
var new_onclick = 'onclick=change_right_url("'+all_list[i][index][k].url+'")' ;
left_+='<div style="width:120px; height:30px;line-height:30px;border:solid 1px; margin:3px;padding:2px;cursor:pointer" '+new_onclick+'>'+all_list[i][index][k].name+'</div>';
}
}
 
}
}
 
return left_ ;
}
Nach dem Login kopieren

Die obige JS-Definition der mehrdimensionalen Array-Methode für Objektarrays (Kombination) ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass sie Ihnen eine Referenz geben kann, und ich hoffe auch, dass jeder die chinesische PHP-Website unterstützt.

Weitere Artikel zur JS-Definition der mehrdimensionalen Array-Methode für Objektarrays (Kombination) finden Sie auf der chinesischen PHP-Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

Beispielfarben JSON -Datei Beispielfarben JSON -Datei Mar 03, 2025 am 12:35 AM

Beispielfarben JSON -Datei

8 atemberaubende JQuery -Seiten -Layout -Plugins 8 atemberaubende JQuery -Seiten -Layout -Plugins Mar 06, 2025 am 12:48 AM

8 atemberaubende JQuery -Seiten -Layout -Plugins

Erstellen Sie Ihre eigenen AJAX -Webanwendungen Erstellen Sie Ihre eigenen AJAX -Webanwendungen Mar 09, 2025 am 12:11 AM

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

Was ist ' this ' in JavaScript? Was ist ' this ' in JavaScript? Mar 04, 2025 am 01:15 AM

Was ist ' this ' in JavaScript?

Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter Mar 05, 2025 am 12:54 AM

Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter

10 Mobile Cheat Sheets für die mobile Entwicklung 10 Mobile Cheat Sheets für die mobile Entwicklung Mar 05, 2025 am 12:43 AM

10 Mobile Cheat Sheets für die mobile Entwicklung

See all articles