[Immutable.js] Converting Immutable.js Structures to Javascript and other Immutable Types
2016-02-22 04:22
507 查看
Immutable.js provides several conversion methods to migrate one structure to another. Each Immutable.js class contains a prefixed "to" method like Map.toList(), Map.toSet(), etc. Converting these types sometimes results in a loss of data, as we will see when converting from Map to List.
Map to List:
List to Map:
Map to Javascript Array:
Map to JSON:
Map to List:
it('should convert Map() to List()', () => { const map = Immutable.Map({ key1: 'First Item', key2: 'Second Item' }); const convertedList = map.toList(); expect(Immutable.List.isList(convertedList)).to.be.true; // Keys are discarded expect(convertedList.first()).to.equal('First Item'); expect(convertedList.last()).to.equal('Second Item'); });
List to Map:
it('should convert List() to Map()', () => { const list = Immutable.List.of('First Item', 'Second Item'); const convertedMap = list.toMap(); // Converted keys ascend numerically keys = convertedMap.keys(); expect(keys.next().value).to.equal(0); expect(keys.next().value).to.equal(1); expect(Immutable.Map.isMap(convertedMap)).to.be.true; expect(convertedMap.first()).to.equal('First Item'); expect(convertedMap.last()).to.equal('Second Item'); });
Map to Javascript Array:
it('should convert Map() to Javascript Array', () => { const map = Immutable.Map({ key1: 'First Item', key2: 'Second Item', key3: {key4: 'Nested Item'} }); const arr = map.toArray(); // Keys are discarded expect(arr[0]).to.equal('First Item'); expect(arr[1]).to.equal('Second Item'); expect(arr[2].key4).to.equal('Nested Item'); });
Map to JSON:
it('should convert Map() to JSON', () => { const map = Immutable.Map({ key1: 'First Item', key2: 'Second Item', key3: {key4: 'Nested Item'} }); const json = map.toJSON(); expect(json.key1).to.equal('First Item'); expect(json.key2).to.equal('Second Item'); expect(json.key3.key4).to.equal('Nested Item'); });
相关文章推荐
- [Immutable.js] Transforming Immutable Data with Reduce
- 【js】页面刷新
- JavaScript多线程
- HTML5-CSS3-JavaScript(1)
- Python和JavaScript间代码互转的4个工具
- 基于Javascript实现倒计时功能
- JS实现上下左右对称的九九乘法表
- JS字符串的切分用法实例
- Js的Array数组对象详解
- javascript实现一个简单的弹出窗
- 简单谈谈javascript中this的隐式绑定
- JavaScript+html5 canvas实现图片破碎重组动画特效
- JavaScript function函数种类详解
- javascript
- JavaScript奇技淫巧45招
- js-window对象的方法和属性资料
- JavaScript奇技淫巧45招
- js判断字符串出现最多的字符
- JavaScript运算符优先级,逻辑表达式,等于全等于,序列检测小结
- 《JavaScript权威指南》--学习日志