Перебор свойств в объекте
 

Имеется глобальный объект, перебираю его свойства.
Но как перебрать свойства iframe? что бы получилось

onclick="PromegFunction(\''+el.name+'\',\''+el.tab 1+'\',\''+el.tab2+'\',\''+el.tab3+'\',\''+el.tab4+ '\',\''+el.iframe.url1+'\',\''+el.iframe.url2 b и.т.д....+'\',\''+el.id+'\')"

Спасибо.

var table = [{
     	   id : "SТ",
            name : "Питер", 
            //Class
            clas : "point_mr",
            //Закладки
			tab1 : "YES",
			tab2 : "YES",
			tab3 : "YES",
			tab4 : "YES",
			//Ссылка на видео
			iframe : {
				url1 : "https://ipcamlive.com/player/player.php?alias=582basd2da&autoplay=0&mute=0",
				url2 : "https://ipcamlive.com/player/player.php?alias=582basdadda&autoplay=0&mute=0",
				url3 : "https://ipcamlive.com/player/player.php?alias=5asdbf4c03d2da&autoplay=0&mute=0"
			}//"https://ipcamlive.com/player/player.php?alias=582bf4casdda&autoplay=0&mute=0",
		}]


$.each(table, function (indx, el) {
				var metka = '<a id="'+el.id+'" href="#'+el.href+'">'+
					   			'		<i id="'+el.clas+'" class="fa fa-map-marker" aria-hidden="true" onclick="PromegFunction(\''+el.name+'\',\''+el.tab1+'\',\''+el.tab2+'\',\''+el.tab3+'\',\''+el.tab4+'\',\''+el.iframe+'\',\''+el.id+'\')" data-toggle="tooltip" data-placement="right" title="'+el.name+'"></i>'+
					   			'</a>';
	   			
				var leftmenu = '<div id="left_menu_'+el.id+'" class="ter-container" onclick="PromegFunction(\''+el.name+'\',\''+el.tab1+'\',\''+el.tab2+'\',\''+el.tab3+'\',\''+el.tab4+'\',\''+el.iframe+'\',\''+el.id+'\')">'+
									'<div class="ter-photo"><i style="font-size: 20pt;color: #9E9E9E;" class="fa fa-map-marker"></i></div>'+
									'<div class="ter-wrap">'+
									'	<span class="ter-name">'+el.name+'</span>'+		
									'</div>'+
								'</div>';
				
		    var div = $(metka, {
		        "class": el.clas,
		        /*"css": {
		            "left": el.left,
		            "top": el.top
		        },*/
		    }).prependTo("#metka");

В чём проблема? for..in