javascript - 如何将更改后的值存储到 JavaScript 对象中？

Question

我有这个 JS 对象，它存储在一个名为 garage.js 的文件中:

var myObject = {
 "cars": [
       {
        "type": "mustang",
        "body": {
          "length": 10.7,
          "width": 5.8,
          "color" : "#fff"
          }
        },
       {
        "type": "corvette",
        "body": {
          "length": 11.9,
          "width": 5.6,
          "color": "#000"
         }
   }]
};

当我在 html 中使用 JS 函数更改宽度时，如下所示:

myObject.cars[0].body.width = 6

然后检查变量以查看值是否已更新，如下所示:

console.log(myObject.cars[0].body.width = 6)

控制台打印 6... 但它不会更改 garage.js 中存储对象的值...(我该怎么做？)

该值似乎在本地表示，但我需要它将这个更新值实际写回 garage.js 文件，以便永久存储，这样当我在浏览器中刷新 html 时，新值 6 , 将替换 myObject 对象中的旧值 5.8。

我需要使用 JSON.stringify 和 JSON.parse 吗？ ...还是比这简单得多？

Answer 1

您可以使用 localStorage 轻松保存状态。 它看起来像这样:

• localStorage.setItem("width", "6") 设置键值对

• myObject.cars[0].body.width = localStorage["width"] 使 的值等于 localStorage 的值。

现在每次打开网页时该值应该是 6。

或者您可以使用数据库来存储和检索值。