[英]How to create a map of records from a javascript raw object with Immutable.js?
我是immutable.js的新手,我想更好地理解如何从原始JS对象开始使用记录。
使用Immutable.fromJS()
我可以创建一个传递原始对象的地图,例如:
var images = {
"1": {
id: "1",
urls: ["/medium/1.jpg", "/large/1.jpg"]
},
"2": {
id: "2",
urls: ["/medium/1.jpg", "/large/1.jpg"]
}
}
var imagesMap = Immutable.fromJS(images);
imagesMap
现在是一个包含其他地图的地图,每个地图对应一个地图。
我想,而不是创建包含记录的地图,例如使用Image
记录定义为:
var ImageRecord = Immutable.Record({ id: undefined, urls: undefined })
如何将imagesMap
作为ImageRecord
的地图? 我可以做些什么从fromJS
传递到fromJS
,或者我应该采用“旧”方法吗?
// old approach
var imagesMap = Immutable.Map()
for (key in images) {
imagesMap.set(key, new ImageRecord(images[key]))
}
Immutable.fromJS有一个可选的第二个参数reviver
,你可以使用它。 您只需要确定要转换为记录的js对象的哪些部分。
var images = {
"1": {
id: "1",
urls: ["/medium/1.jpg", "/large/1.jpg"]
},
"2": {
id: "2",
urls: ["/medium/1.jpg", "/large/1.jpg"]
}
};
var ImageRecord = Immutable.Record({ id: "0", urls: [] })
var imagesMap = Immutable.fromJS(images, function(key, value) {
// This check should be replaced by a better way to know that
// we really want image records
if(/^[0-9]+$/.test(key)) {
return new ImageRecord(value)
}
return value
});
// Verify that it's really a record
console.log(imagesMap.get("2").toJS())
console.log(imagesMap.get("2").delete("urls").toJS())
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.