Js平面数组到多级数组

js flat array to multi-level array

本文关键字：数组 多级 Js 平面      更新时间：2023-09-26

我有一个这样的数组:

[{
iStatusId: 4,
vStatus: "Under Preparation",
iJobType: 1,
bIsActive: true,
iOrder: 2
},
{
iStatusId: 5,
vStatus: "Stamp & Signatures by Client",
iJobType: 1,
bIsActive: true,
iOrder: 3
},
{
iStatusId: 7,
vStatus: "CA & CE Certification",
iJobType: 1,
bIsActive: true,
iOrder: 6
},
{
iStatusId: 8,
vStatus: "Application Submission Date",
iJobType: 1,
bIsActive: true,
iOrder: 4
},
{
iStatusId: 9,
vStatus: "File in HQ-BRU/Tech ",
iJobType: 1,
bIsActive: true,
iOrder: 7
}]

我需要它像这样:

[{iJobType: 1, data:
{
iStatusId: 4,
vStatus: "Under Preparation",
bIsActive: true,
iOrder: 2
},
{
iStatusId: 5,
vStatus: "Stamp & Signatures by Client",
bIsActive: true,
iOrder: 3
},
{
iStatusId: 7,
vStatus: "CA & CE Certification",
bIsActive: true,
iOrder: 6
},
{
iStatusId: 8,
vStatus: "Application Submission Date",
bIsActive: true,
iOrder: 4
},
{
iStatusId: 9,
vStatus: "File in HQ-BRU/Tech ",
verification",
bIsActive: true,
iOrder: 7
}]

请帮助。

前面我写了一个函数将平面导航数组转换为树，但是在这里没有帮助。

$scope.navConvert = function(array) {
    var map = {};
    for (var i = 0; i < array.length; i++) {
        var obj = array[i];
        obj.items = [];
        map[obj.NavId] = obj;
        var parent = obj.NavParent || '-';
        if (!map[parent]) {
            map[parent] = {
                items: []
            };
        }
        map[parent].items.push(obj);
    }
    return map['-'].items;
}

所以，我在寻找一个新的方向。

您可以使用哈希表作为iJobType值的引用，并在此基础上构建数组。

var data = [{ iStatusId: 4, vStatus: "Under Preparation", iJobType: 1, bIsActive: true, iOrder: 2 }, { iStatusId: 5, vStatus: "Stamp & Signatures by Client", iJobType: 1, bIsActive: true, iOrder: 3 }, { iStatusId: 7, vStatus: "CA & CE Certification", iJobType: 1, bIsActive: true, iOrder: 6 }, { iStatusId: 8, vStatus: "Application Submission Date", iJobType: 1, bIsActive: true, iOrder: 4 }, { iStatusId: 9, vStatus: "File in HQ-BRU/Tech ", iJobType: 1, bIsActive: true, iOrder: 7 }],
    grouped = [];
data.forEach(function (a) {
    if (!this[a.iJobType]) {
        this[a.iJobType] = { iJobType: a.iJobType, data: [] };
        grouped.push(this[a.iJobType]);
    }
    this[a.iJobType].data.push({
        iStatusId: a.iStatusId,
        vStatus: a.vStatus,
        bIsActive: a.bIsActive,
        iOrder: a.iOrder
    });
}, Object.create(null));
console.log(grouped);
.as-console-wrapper { max-height: 100% !important; top: 0; }

如果需求是用于搜索或过滤目的，则不需要更改数据的结构。您可以使用过滤器方法来获取具有给定iJobType值的元素:

var arr = [{
iStatusId: 4,
vStatus: "Under Preparation",
iJobType: 1,
bIsActive: true,
iOrder: 2
},
{
iStatusId: 5,
vStatus: "Stamp & Signatures by Client",
iJobType: 1,
bIsActive: true,
iOrder: 3
},
{
iStatusId: 7,
vStatus: "CA & CE Certification",
iJobType: 1,
bIsActive: true,
iOrder: 6
},
{
iStatusId: 8,
vStatus: "Application Submission Date",
iJobType: 1,
bIsActive: true,
iOrder: 4
},
{
iStatusId: 9,
vStatus: "File in HQ-BRU/Tech ",
iJobType: 1,
bIsActive: true,
iOrder: 7
}];
arr
//1. define the filter function
function filterByJobType(value){
  //this.filterValue will be passed as a parameter in the filter execution
  return value.iJobType == this.jobTypeFilter
}
//2. res is the subset of elements from arr fullfilling the filter condition
var res = arr.filter(filterByJobType, {jobTypeFilter: 1 })

创建新数据数组的简单函数

var data = [{
        iStatusId: 4,
        vStatus: "Under Preparation",
        iJobType: 1,
        bIsActive: true,
        iOrder: 2
    },
    {
        iStatusId: 5,
        vStatus: "Stamp & Signatures by Client",
        iJobType: 1,
        bIsActive: true,
        iOrder: 3
    }
]   
var newData = []
for (var i in data) {
    var tempObj = {iJobType: data[i].iJobType, data: data[i]};
    delete tempObj.data.iJobType;
    newData.push(tempObj)
}
输出:

[{
    iJobType: 1,
        data: {
            iStatusId: 4,
            vStatus: "Under Preparation",
            bIsActive: true,
            iOrder: 2
        }
    },
    {
        iJobType: 1,
        data: {
            iStatusId: 5,
            vStatus: "Stamp & Signatures by Client",
            bIsActive: true,
            iOrder: 3
        }
    }
]
相关文章：