js获取数组中的数据，以显示在ll标签中

获取一级菜单：

 

var data = ["北京","上海","广东","深圳"];

function setData( data ){
	var html = "";
	html =	data.join( "</li><li>" ); //拼接成字符串
	document.write( "<ul><li>" + html + "</li></ul>");
		
}
window.onload = function(){
	setData(data);
}

获取二级菜单的数据：

var city = [
	{	name : "北京", 
		children : [
			{ name : "海淀区"},
			{ name : "朝阳区"}
		]
		
	},
	{  name : "浙江",
	   children : [
		  { name : "杭州"},
		  { name : "宁波"}
	    ]

	},
	{  name : "广东" },
	{  name : "深圳" }
];
function setData( datas ){
	var html = "";
	var twoUl = ""; // 临时存储子菜单
	var arr = [];   
	for( var i = 0; i < datas.length; i++ ){
		 
		if( datas[i].children ){ // 判断是否有子菜单
			var len  = datas[i].children.length;
			for( var j = 0 ; j < len; j++ ){ //遍历子菜单
				
				 //获得子节点中的数据放入li标签中
				twoUl += "<li>" + datas[i].children[j].name +"</li>";
				
			}
			
			twoUl = "<ul>"+twoUl + "</ul>"; //二级ul标签
			datas[i].name = datas[i].name + twoUl ; //把子菜单放入父菜单后
			twoUl = "";  // 清空子菜单标记
		}
		
		arr.push(datas[i].name); //将菜单数据放入数组中
	}
	html = "<ul><li>"+ arr.join("</li><li>") + "</li></ul>"; 
	document.write( html );
}
setData( city );