2017-08-11 62 views
0

我使用火力地堡作为后端,我经常保存阵列是这样的:转换火力阵列状物体到阵列

var arr = [null, "Pete", "Mary", null, null, null, null, null, "Joe"] 

由于火力地堡不存储数组作为阵列,当检索到的值,我得到这样的:

{ 1: "Pete", 2: "Mary", 8: "Joe" } 

这的事实,我经常存储阵列,有时存储阵列如下变得更加复杂:

{ 
    1: { 1: "Pete", 2: "Mary", 8: "Joe" }, 
    4: { 4: "Lisa" } 
} 

我想这个对象恢复到原来的阵列排列的,这将是:

[ 
    [null, null, null, null, null, null, null, null, null], 
    ["Pete","Mary",null,null,null, null, null, null, "Joe"], 
    [null, null, null, null, null, null, null, null, null], 
    [null, null, null, null, null, null, null, null, null], 
    [null, null, null, null, "Lisa",null,null, null, null] 
] 

我实现了一个功能数组的数组,它的工作原理,但感觉非常,非常糟糕。应该有更好的方法来做到这一点:

function firebaseToRealArray(fbArray) { 
    if (Array.isArray(fbArray) || typeof fbArray === "undefined") { 
    return fbArray 
    } else { 
     var keyss = Object.keys(fbArray); 
     var height = +keyss[keyss.length - 1] + 1; 
     var resultArray = []; 
     var maxLength = _maxLength(fbArray, height) 
     for (var i = 0; i < height; i++) { 
     if (typeof fbArray[i] === "undefined") { 
      resultArray.push(_objToArray(fbArray[i], maxLength)) 
     } else { 
      resultArray.push(_objToArray(fbArray[i], maxLength)) 
     } 
     } 
     return resultArray; 
    } 
} 

function _maxLength(arr, height) { 
    var maxLength = 0; 
    for (var i = 0; i < height; i++) { 
    if (Array.isArray(arr[i])) { 
     maxLength = Math.max(maxLength, arr[i].length) 
    } else if (typeof arr[i] === "undefined") { 
     maxLength = Math.max(maxLength, 0); 
    } else { 
     maxLength = Math.max(maxLength, +Object.keys(arr[i])[Object.keys(arr[i]).length - 1]); 
    } 
    } 
    return maxLength + 1 
} 

function _objToArray(obj, l) { 
    if (typeof obj === "undefined") { 
    return _createArray(l, null) 
    } 
    var resArray = []; 
    for (var i = 0; i < l; i++) { 
    if (typeof obj[i] === "undefined") { 
     resArray.push(null); 
    } else { 
     resArray.push(obj[i]); 
    } 
    } 
    return resArray 
} 

function _createArray(len, itm) { 
    var arr1 = [itm], 
     arr2 = []; 
    while (len > 0) { 
     if (len & 1) arr2 = arr2.concat(arr1); 
     arr1 = arr1.concat(arr1); 
     len >>>= 1; 
    } 
    return arr2; 
} 

我的第一个问题是:

有没有我可以使用,客户端,这些类似数组的对象转换为一个火力点功能实际的数组?

如果不是这样,我的问题是:

什么来实现这个功能,我自己的最好方法?

或者:

有没有别的东西,我完全可以俯瞰?

+0

您可以检查我的方法来创建此数组[这里](https://jsfiddle.net/nj0ttm2w/)。 – Shubham

+0

谢谢,但我不知道最长阵列的长度。 – Sventies

回答

0

我想,除了你的二维示例,下面的代码片段工作得很好,它可能会相当嵌套。所以我的方法也会处理这个问题;

我们的投入是

{ 1: { 1: "Pete", 
     2: "Mary", 
     5: {1: "John", 
      3: "Terry" }, 
     8: "Joe" }, 
    4: { 4: "Lisa" } 
}; 

,这就是我们得到的;

[[null,null,null,null,null,null,null,null,null], 
[[null,null,null,null], 
    ["Pete",null,null,null], 
    ["Mary",null,null,null], 
    [null,null,null,null], 
    [null,null,null,null], 
    [null,"John",null,"Terry"], 
    [null,null,null,null], 
    [null,null,null,null], 
    ["Joe",null,null,null]], 
[null,null,null,null,null,null,null,null,null], 
[null,null,null,null,null,null,null,null,null], 
[null,null,null,null,"Lisa",null,null,null,null]] 

所以;

function arrayishToArray(a){ 
 
    var ok = Object.keys(a), 
 
     arr; 
 
    
 
    a.length = +ok[ok.length-1] + 1; 
 
    arr = Array.from(a) 
 
      .map(v => typeof v === "object" ? arrayishToArray(v) : v); 
 
    return arr.map(function(sa){ 
 
        return this.len ? Array.isArray(sa) ? sa.concat(Array(this.len - sa.length).fill(null)) 
 
                 : [sa || null].concat(Array(this.len-1).fill(null)) 
 
            : sa;     
 
       }, {len: Math.max(...arr.map(e => Array.isArray(e) ? e.length : 0))}); 
 
} 
 

 
var arrayish = { 1: { 1: "Pete", 2: "Mary", 5: {1: "John", 3: "Terry"}, 8: "Joe" }, 
 
        4: { 4: "Lisa" } 
 
       }; 
 
console.log(JSON.stringify(arrayishToArray(arrayish)))