回顾ImmutableJS Map操作

最新推荐文章于 2022-10-14 09:46:35 发布

wlchn

最新推荐文章于 2022-10-14 09:46:35 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript 文章标签： immutable

本文链接：https://blog.csdn.net/wlchn/article/details/78206331

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

初始值可以用set， setIn。
update更新

const aMap = Immutable.Map({ apples: 10 })
const bMap = aMap.update("apples", v => v + 1)
bMap.get("apples")
=> 11

const cMap = aMap.update("oranges", () => 6)
bMap.get("oranges")
=> 6

等价于updateIn

const aMap = Immutable.Map({ apples: 10 })
const bMap = aMap.updateIn(["apples"], v => v + 1)
bMap.get("apples")
=> 11

const cMap = aMap.updateIn(["oranges"], () => 6)
bMap.get("oranges")
=> 6

嵌套应该用updateIn getIn

const map = Map({ a:Map({ b:Map({ c: 10 }) }) })
//获取a
map.get("a")
//等价于
map.getIn(["a"])

//获取b
map.getIn(["a", "b"])
//获取c
map.getIn(["a", "b", "c"])

//更新c
const newMap = map.updateIn(['a', 'b', 'c'], val => val * 2)
// Map { "a": Map { "b": Map { "c": 20 } } }

//更新x，示例初始参数100
const newMap = map.updateIn(['a', 'b', 'x'], (val = 100) => val)
// Map { "a": Map { "b": Map { "c": 10, "x": 100 } } }