Backbone.js 嵌套对象属性的获取和设置-JavaScript中文网-JavaScript教程资源分享门户

Backbone.js 是一款优秀的 JavaScript MVC 框架，它提供了良好的组织应用程序的方法。然而，在处理嵌套对象数据时，开发人员可能会遇到一些挑战。本文将介绍如何使用 Backbone.js 获取和设置嵌套对象属性，并提供示例代码。

获取嵌套对象属性

在 Backbone.js 中，可以使用 get 方法从模型中获取属性值。当模型属性是基本类型（例如字符串或数字）时，这很简单。但是，当属性是一个嵌套的对象时，需要更多的代码来获取它。

假设我们有以下模型：

var myModel = new Backbone.Model({
  name: 'John',
  address: {
    street: '123 Main St.',
    city: 'Anytown',
    state: 'CA'
  }
});

要获取地址的街道名称，可以使用以下代码：

var streetName = myModel.get('address').street;
console.log(streetName); // 输出：'123 Main St.'

首先，我们使用 get 方法获取 address 属性。然后，我们再次使用点符号获取 street 属性。

注意，如果尝试获取不存在的属性，则返回 undefined。因此，最好检查每个属性是否存在，如下所示：

if (myModel.get('address') && myModel.get('address').street) {
  var streetName = myModel.get('address').street;
  console.log(streetName);
}

设置嵌套对象属性

要设置嵌套对象属性，必须首先获取该属性的对象。然后，可以使用点符号设置其属性。

假设我们要将地址的街道名称更改为“456 Oak St.”。可以使用以下代码：

var address = myModel.get('address');
address.street = '456 Oak St.';
myModel.set('address', address);

首先，我们使用 get 方法获取 address 属性并将其存储在变量中。接下来，我们可以使用点符号设置 address 对象的 street 属性。最后，我们使用 set 方法将更新后的 address 对象设置回模型中。

深度获取和设置

如果您需要处理深度嵌套的对象，那么上述方法可能会变得很冗长。在这种情况下，可以使用 Lodash 函数库（或其他类似的库）提供的 get 和 set 函数。

例如，考虑以下嵌套对象：

-- -------------------- ---- -------
--- ------- - --- ----------------
  ----- -------
  -------- -
    ------- ---- ---- -----
    ----- ----------
    ------ -----
    ---- -
      ----- --------
      ------ ------
    -
  -
---

要获取邮政编码的加4位数，请使用以下代码：

var plus4 = _.get(myModel.attributes, 'address.zip.plus4');
console.log(plus4); // 输出：'6789'

要更改邮政编码的加4位数，请使用以下代码：

_.set(myModel.attributes, 'address.zip.plus4', '0000');

结论

在 Backbone.js 中获取和设置嵌套对象属性可能需要一些额外的工作，但是使用许多 JavaScript 函数库可以轻松完成。如果您正在处理深度嵌套的对象，请考虑使用 Lodash 函数库提供的 get 和 set 函数来简化代码。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/10619