javascript – 将ko.toJSON转换回可观察数组

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将ko.toJSON转换回可观察数组，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含995字，纯文字阅读大概需要2分钟。

内容图文

我有以下可观察数组：

self.users = ko.observableArray();

其中包含以下对象的项目：

function user(id, name, score) {
    this.id = id;
    this.name = name;
    this.score = ko.observable(score);
}

我需要在用户的计算机本地存储这个可观察的数组(简化示例),所以我使用localstorage和ko.toJSON函数.这工作正常,所有数据都存储在localstorage中,包括得分项,这是一个可观察的本身.问题是我无法将此字符串转换回可观察数组.当我执行JSON.parse并将其传递给self.users时,得分不再是可观察的.是否有像ko.parse这样的函数可以恢复ko.toJSON？

解决方法:

这实际上非常简单.但是,最初构造self.users集合的方式与使用JSON数据构造它的方式相同.这是一个例子：

function User(data) {
    this.id = data.id;
    this.name = data.name;
    this.score = ko.observable(data.score);
}

...
//inside viewmodel
var storage;
self.store = function() {
    storage = ko.toJSON(self.users());
    self.users.removeAll();
};
self.load = function() {
    var parsedUsers = JSON.parse(storage);
    self.users(ko.utils.arrayMap(parsedUsers, function(u) {
        return new User(u);
    }));
};

这是使用这种方法的a working fiddle.

内容总结

以上是互联网集市为您收集整理的javascript – 将ko.toJSON转换回可观察数组全部内容，希望文章能够帮你解决javascript – 将ko.toJSON转换回可观察数组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端