如何获取 JSON 数组中元素的数量?

How to get the number of elements in a JSON array?

我正在从控制器获取 json_encode 数据。结果数组如下:

[
  { "name": "aaa" },
  { "name": "bbb" },
  { "name": "ccc" }
]

如何使用 JavaScript 获取此数组中元素的数量?

您可以使用 yourArray.length 获取数组中元素的数量。

您可以使用 .length 属性 来获取数组中的元素个数。

您始终可以通过数组的长度 属性 获得数组长度。

这是来自 w3school 的参考资料:
http://www.w3schools.com/jsref/jsref_length_array.asp

代码:

<p>Click the button to create an array, then display it's length.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
    function myFunction() {
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        document.getElementById("demo").innerHTML = fruits.length;
    }
</script>

尝试fiddle中的工作代码:
http://jsfiddle.net/5arrc15d/

希望对您有所帮助。
谢谢

您必须使用数组的 .length 属性 来获取数组中的项目数。

var arr=[{"name":"aaa"},{"name":"bbb"},{"name":"ccc"}];
alert(arr.length)

在此处提醒您将获得数组 arr 中的项目数。

var x = '[{"name":"aaa"},{"name":"bbb"},{"name":"ccc"}]';
var y = $.parseJSON(x);

alert( y.length );

jsFiddle Demo


最佳参考资料:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

http://www.w3fools.com/


备注:

  1. Var x 不是数组,它是一个字符串 -- json 字符串。警报 x.length 将 return 字符串的长度,而不是数组的长度。

  2. Var y 已被解析为 javascript 数组。 y.length 将 return 数组中的项目数。

  3. 你特地问了一个json数组的长度,所以首先你必须把json解析成一个javascript数组。

jsFiddle comparison