如何在不可变映射中对项目进行排序(交换)?

时间:2016-10-31 23:03:36

标签: javascript arrays sorting redux immutable.js

我想在Map内的不可变列表中交换项, 例如:

const Map = Immutable.fromJS({
    name:'lolo',
    ids:[3,4,5]
});

我正在尝试使用splice进行交换,也尝试使用insert()一个不可变的方法。

假设我想从[3, 4, 5]换成[3, 5, 4],我正在修改这样的东西:

list.set('ids', list.get('ids').splice(2, 0, list.get('ids').splice(1, 1)[0])

使用 Immutable.js 对不可变数据结构中的元素进行排序的最佳方法是什么?

3 个答案:

答案 0 :(得分:2)

您应该使用Map.update()List.withMutations()

map.update('ids', idsList => idsList.withMutations(function (idsList) {
    let temp = idsList.get(2);
    return idsList.set(2, idsList.get(1)).set(1, temp);
}));

请注意,我已将您的list重命名为map - 这实际上是Map

对于简单的排序,请选择

map.update('ids', idsList => idsList.sort(function (a, b) {
    // magic
});

答案 1 :(得分:1)

参数化:

function swap(map, key, from, to) {
    return map.update(key, list => list.withMutations(list => {
        let soruce = list.get(from);
        let destination = list.get(to);
        return list.set(to, soruce).set(from, destination);
    }));
}

答案 2 :(得分:0)

您可以使用解构赋值来交换数组

的不同索引处的值
const list = Immutable.fromJS({name:'lolo',ids:[3,4,5]});

[list._root.entries[1][1]._tail.array[1], list._root.entries[1][1]._tail.array[2]] = [
  list._root.entries[1][1]._tail.array[2]
  , list._root.entries[1][1]._tail.array[1]
];

console.log(list.get("ids").toArray());

plnkr http://plnkr.co/edit/ZcEFNIFTnji3xxs7uTCT?p=preview