1. 程式人生 > >陣列和物件這2種資料結構的儲存和轉換的2道題(JS實現)

陣列和物件這2種資料結構的儲存和轉換的2道題(JS實現)

這是關於陣列和物件這2種資料結構的儲存和轉換的2道題,相信你看了和做了之後會有所收穫。

1.將物件轉換成二維陣列

var scoreObject = {
    "Tony": {
        "Math": 95,
        "English": 79,
        "Music": 68
    }, 
    "Simon": {
        "Math": 100,
        "English": 95,
        "Music": 98
    }, 
    "Annie": {
        "Math": 54,
        "English": 65,
        "Music": 88
    }
}
//轉換為如下所示陣列
// var scoreArray = [
//     ["Tony", 95, 79, 68],
//     ……
// ];

思路就是:用for in的迴圈巢狀,先把內層的成績屬性push進陣列arr1,然後在外層push進名字的屬性,最後把arr1  push進arr2,清空arr1,然後下一個物件屬性(人),如此類推,最後,每一個人的名字和成績都會被push進arr2,成為他的元素。

列印。

程式碼:

   function changeObject(){
    	var arr1 = [];
    	var arr2 = [];
    	for(var x in scoreObject){
    		arr1.push(x);
    	for(var y in scoreObject[x]){
    		arr1.push(scoreObject[x][y]);
    	}		
    		arr2.push(arr1);
    		arr1 = [];
    	}
    	return arr2;
    }
    console.log(changeObject());

轉換結果:

2.將陣列轉換為物件

 // 陣列轉為物件:
    var menuArr = [
    [1, "Area1", -1],
    [2, "Area2", -1],
    [3, "Area1-1", 1],
    [4, "Area1-2", 1],
    [5, "Area2-1", 2],
    [6, "Area2-2", 2],
    [7, "Area1-2-3", 4],
    [8, "Area2-2-1", 6],
];

//轉換成後的樣子:
var menuObject = {
    "1": {
        name: "Area1",
        subMenu: {
            "3": {
                name: "Area1-1"
            },
            "4": {
                name: "Area1-2",
                subMenu: {
                    "7": {
                        name: "Area1-2-3"
                    }
                }
            }
        }
    }

    ……

}

思路:遍歷陣列,判斷元素,如果是-1,代表他是第一層的物件,動態新增到新建立的menuObject物件上,同時設定好裡面的屬性,這樣第一層的1,2轉換完成。然後繼續判斷元素,根據需求,如果是1,將出現在第二層,並且是第一層1的子物件,一樣地,動態新增到第一層1的屬性subMenu裡面,並設定好裡面的屬性。下面的如此類推。   

對於這題,我沒有很好的想法,雖然實現了需求,但是用了比較笨拙的方法,當資料量變大的時候,這種程式碼的編寫變得難以接受。比如動態新增的那行的程式碼可能越來越長,比如需要加上很多的判斷,第n層需要,(n-1)² 個判斷。所以,以後有了更加高效和優雅的解決方法後會再加以補充。

var menuObject = {};
		for(var x in menuArr){
			// console.log(menuArr[x][1]);
		if(menuArr[x][2] == -1){		
		menuObject[menuArr[x][0]] = {
			'name' : menuArr[x][1],
			'subMenu':{}
		}
	}
		
		if(menuArr[x][2] == 1){
		menuObject['1']['subMenu'][menuArr[x][0]] = {
			'name' : menuArr[x][1],
			'subMenu' : {}
		}
		}
		if(menuArr[x][2] == 2){
		menuObject['2']['subMenu'][menuArr[x][0]] = {
			'name' : menuArr[x][1],
			'subMenu' : {}
		}
	}
		if(menuArr[x][2] == 4){
		menuObject['1']['subMenu']['4']['subMenu'][menuArr[x][0]] = {
			'name' : menuArr[x][1],
			'subMenu' : {}
		}
	}
		if(menuArr[x][2] == 6){
			menuObject['2']['subMenu']['6']['subMenu'][menuArr[x][0]]={
				'name' : menuArr[x][1],
				'subMenu' : {}
			}
		} 
	}	
	
	console.log(menuObject); 

轉換結果如下,8個節點按要求進行添加了