javascript - 获取对象内部数组的长度

Question

我有一个包含数组的 JavaScript 对象。我创建了一个新键 length，它应该存储 fields 数组的长度值。

$(document).ready(function() {
var data = {
    "label": "Information",
    "fields": [
        {
            "name": "name",
            "label": "Team Name",
            "type": "string",
            "config": {}
        }
    ],
    "length": fields.length     // Need help with this line
};
$("button").click(function() {
    alert(data.length);
});
});

http://jsfiddle.net/kvtywmtm/

在我的 fiddle 中，没有任何警报，尽管它应该警报 1，因为字段数组中有 1 条记录。

有什么想法吗？

编辑

我知道你可以通过创建一个新变量来获取对象外部的长度

var length = data.fields.length;

但是，我需要长度在对象内部。

Answer 1

您可以使用 getter

$(document).ready(function() {
  var data = {
    "label": "Information",
    "fields": [{
      "name": "name",
      "label": "Team Name",
      "type": "string",
      "config": {}
    }],
    get length() {
      return this.fields.length
    }
  };
  $("button").click(function() {
    console.log(data.length);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<button>Click Here</button>