1

在尝试找到一个好的逻辑来更新 Javascript 中的对象数组时，我遇到了一些困难。
我通过向服务器发出请求来获得第一个数组。我得到一组对象，如下所示： 

{id: 2, text: 'some text'}  //Object

这就是数组的样子：

[Object, Object, Object]

这些对象被转换成html。
过了一会儿，它执行第二次请求并获得一个新的数据对象列表。如何将旧列表与新列表同步？我所说的同步的意思是：删除不再存在的对象，以及相关的 html 部分，并在正确的位置插入当前不存在的节点。

4

1 回答 1

2

您可以找到添加和删除的项目，如下所示：

var origArray = [...];   // assume first set of data is in origArray
var newArray = [...];    // second set of data is in newArray

function makeMap(array, key) {
    var map = {};
    for (var i = 0; i < array.length; i++) {
        map[array[i][key]] = true;
    }
    return(map);
}

function compareArrayToMap(array, map) {
    var item, var results = [];
    for (var i = 0; i < array.length; i++) {
        item = array[i];
        if (!(item.id in map)) {
            results.push(item);
        }
    }
    return(results);
}

// build id map for each array
var origMap = makeMap(origArray, "id");
var newMap = makeMap(newArray, "id");

// find items that have been removed
var removedItems = compareArrayToMap(origArray, newMap);

// find items that have been added
var addedItems = compareArrayToMap(newArray, origMap);
于 2012-07-13T16:54:06.607 回答