Javascript array.size()和array.length的区别用法及代码示例

数组.size()方法在函数上等同于Array length它只能用于jQuery。在 JavaScript 中数组.size()是无效方法所以array.length 属性应该使用。下面的例子实现了上述概念：

示例 1：此示例演示 array.size() 方法和 array.length 属性。

html


<!DOCTYPE html>
<html>
<head>
    <title>
        Difference between array.size() method
        and array.length property
    </title>
</head>
<body>
     
<p>
        Click the button to display
        the length of array.
    </p>
    <button onclick="findLength()">
        Try it
    </button>
     
<p>
        Length of the array is:
        <span id="demo"></span>
    </p>
    <script>
        var arr = ['geeks', 'for', 'geeks'];
        function findLength() {
            document.getElementById("demo").innerHTML
                        = arr.length;
             
            document.getElementById("demo").innerHTML
                        = arr.size();
        }
    </script>
</body>
</html>

输出：

Length of the array is: 3
error on console: TypeError: arr.size is not a function

注意： array.length 属性对于具有数字索引值的数组，返回 last_key+1 的值。此属性不保证找到数组中的项目数。

示例 2：此示例显示Array.length 属性的工作原理。

html


<!DOCTYPE html>
<html>
<head>
    <title>
        Array.length property
    </title>
</head>
<body>
     
<p>
        Click the button to display
        the length of array.
    </p>
    <button onclick="findLength()">
        Try it
    </button>
     
<p>
        Length of array the is:
        <span id="demo"></span>
    </p>
    <script>
        var arr = ['geeks', 'for', 'geeks'];
        arr[50] = 'article';
         
        function findLength() {
            document.getElementById("demo")
                        .innerHTML = arr.length;
        }
    </script>
</body>
</html>

输出：

Length of the array is: 51

示例 3：此示例显示当索引键为非数字时array.length 属性如何工作。

html


<!DOCTYPE html>
<html>
<head>
    <title>
        array.length property with
        non-numeric index key
    </title>
</head>
<body>
     
<p>
        Click the button to display
        the length of array.
    </p>
    <button onclick="findLength()">
        Try it
    </button>
     
<p>
        Length of array the is:
        <span id="demo"></span>
    </p>
    <script>
        var arr = new Array();
        arr['a'] = 1;
        arr['b'] = 2;
        arr['c'] = 3;
         
        function findLength() {
            document.getElementById("demo")
                    .innerHTML = arr.length;
        }
    </script>
</body>
</html>

输出：

Length of the array is: 0

让我们以表格形式看看差异：

	数组.size()	数组.length()
1.	该属性返回数组的大小	该属性返回数组的大小
2.	它的语法是-：数组.size()	它的语法是-： array.length
3.	不能在Javascript中使用，只能在Jquery中使用	它用于 Javascript，而不是 jQuery
4.	这是jQuery的一个特性	array.length 是 ECMAScript1 函数。
5	它支持的浏览器是 -： Chrome、Internet Explorer、Firefox、Safari、Opera Microsoft Edge	它支持的浏览器是 -： Chrome、Internet Explorer、Firefox、Safari、Opera、Microsoft Edge

相关用法

注：本文由纯净天空筛选整理自karthi03大神的英文原创作品 Difference between array.size() and array.length in JavaScript。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。