【问题标题】:How to get the number of elements in a JSON array?如何获取 JSON 数组中的元素个数?
【发布时间】:2015-02-19 04:44:20
【问题描述】:

我正在从控制器获取json_encode 数据。结果数组是这样的:

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

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

【问题讨论】:

标签: javascript jquery arrays json encode


【解决方案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/

希望对您有所帮助。
谢谢

【讨论】:

    【解决方案2】:

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

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

    在这里,您将获得数组 arr 中的项目数。

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        【解决方案4】:

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

        【讨论】:

          【解决方案5】:
          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数组。

          jsFiddle comparison

          【讨论】:

          • 这也是.. JSON.parse(array)
          猜你喜欢
          • 2021-06-29
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-11-08
          • 1970-01-01
          • 2014-10-17
          相关资源
          最近更新 更多