jquery - 如何在 JSON 对象中存储数据

Question

我的数据具有以下结构:

唯一 ID(整数)|名字(字符串)|姓氏(字符串)|百分比(双)

一组数据可能如下所示:

1 |约翰 |汉考克 | 49.5
2 |约翰 |汉考克 | 95.0
3 |简|汉考克 | 89.5
4 |简|汉考克 | 73.5
5 |简|汉考克 | 96.5
6 |弗雷德 |打火石 | 45.8

我需要的是将这些数据存储在客户端，以便浏览器可以访问它并且可以使用 jQuery 对其进行操作。

例如，我在页面上有一个下拉列表(选择)，其中包含三个值:

1) 低百分位数
2) 中间百分位数
3)高百分位

当用户选择下拉列表中的某个值时，我需要能够从上面的数据中选择符合所选值的项目。例如，如果他们选择低百分比值，那么我需要从数据中检索百分比低于 60% 的所有项目。

我对 jQuery 非常熟悉，但我从未使用它来存储此类内容以供客户端检索。我能否以某种方式将这些数据存储在客户端的 JSON 对象中，从而可以随意选择和操作？

Answer 1

所以基本上:

var javascriptObject = $.parseJSON(jsonString);

var jsonString = JSON.stringify(javascriptObject);

JavaScript 与任何其他 OOP 非常相似。

var foo = {}; //NEW Object
foo.bar = 1;
foo.bars = 2;
foo.bar.date = 3;
var jsonString = JSON.stringify(foo);
//jsonString is now a "JSON Object" that holds the data found in object foo.
console.log(jsonString); //To see what it looks like.

但是，如果所有这些都是供客户端使用，则只需坚持使用 JavaScript 对象即可。无需将它们转换为 JSON。 JSON 对象实际上用于将数据发送到其他源，因为它们是字符串。通常用于 AJAX 请求。

根据评论进行编辑

$(document).ready(function(){
    var globalObject = {};
    globalObject.foo = 1;
    globalObject.bar = 2;

    $(el).change(function(){
        globalObject.foo = $(this).val();
    });
});