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

时间:2015-02-19 04:44:20

标签: javascript jquery arrays json encode

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

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

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

5 个答案:

答案 0 :(得分:1)

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

以下是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>

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

希望它有所帮助。
感谢

答案 1 :(得分:1)

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

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

在警告中,您将获得数组arr中的项目数。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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将返回字符串的长度,而不是数组的长度。

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

  3. 您明确询问了json数组的长度,因此首先必须将json解析为javascript数组。

  4. jsFiddle comparison