javascript - 如何使用 Javascript 映射数组对象

Question

我需要映射一个数组对象。映射后，我想在 div 中显示第一行内容。我有一个来自数据库的数组对象，我只映射该对象内 4 个数组中的 2 个。

我想要做的是使用映射数组，然后获取与该映射数组对应的所有数据并将其全部显示在 div 中。用户可以单击向上或向下箭头，然后更改显示的内容，但我无法让它显示对象中的下一个或上一个数据。我已经正确设置了点击功能(使用测试数据)只是认为它不起作用，因为我没有正确映射它。

来自数据库的原始对象:

object: {
    PageNum: [array of items],
    RowNum: [array of items],
    CustomerName: [array of items],
    FacilityName: [array of items]
}

映射数组:

var delDS = [{
    pageNum : delPageData["PageNum"],
    rowNum : delPageData["RowNum"]
}];

var delMappedArray = delDS.map(function(obj) {
    var rObj = {};
    rObj[obj.pageNum] = obj.rowNum;
    return rObj;
});

返回类似这样的内容:

[object]
   0: Object
     2,2,4,4,6: Array(5)
      0: "24"
      1: "26"
      2: "2"
      3: "4"
      4: "10"
     length: 5

Answer 1

尝试这样的事情:

    //map the data
    delPD = delPageData.PageNum.map((x,i) => ({
            pageNum: x,
            rowNum: delPageData["RowNum"][i],
            cName: delPageData["CustomerName"][i],
            fName: delPageData["FacilityName"][i],
    }));
    //sort the data
    delPD.sort(function(a,b) {
        if(a.pageNum == b.pageNum) {
            return (a.rowNum - b.rowNum);
        } else {
            return (a.pageNum - b.pageNum);
        }
    });
    //give the data an index number for ordering purposes later
    for(var i=0; i<delPD.length; i++) {
        delPD[i].index = i;
    }

这首先映射对象数组并创建一个新数组。然后，您将按页码对新数组进行排序并按顺序排列它们。然后为每个对象添加一个索引号。这样，如果需要，您可以稍后在代码中使用它。

希望这有帮助!