找回密码
 新建账号

[JS] js获取数组元素个数和对象成员数

[复制链接]
php 发表于 2013/3/9 11:28 | 显示全部楼层 |阅读模式
Javascript怎么得到数组长度(也就是数组的元素个数)?
Javascript怎么获取对象的成员个数?
你肯定想到了array.length!? 那么我们来测试一下下面这个例子.
  1. <script type="text/javascript">
  2.         var a = [];
  3.         a[50] = 50;
  4.         alert(a.length);
  5. </script>
复制代码
请问数组a有多少个元素, 或者换一句话说, 数组a的长度为多少?你会告诉我长度为1, 但浏览器会告诉你a.length为51.
有点意思吧? 那我们再看一个例子.
  1. <script type="text/javascript">
  2.         var a = [];
  3.         a['age'] = '18';
  4.         a['sex'] = 'Male';
  5.         a['site'] = 'http://www.qSyz.net';
  6.         alert(a.length);
  7. </script>
复制代码
请问数组a有多少个元素, 或者换一句话说, 数组a的长度为多少?
我们都知道现在数组a的元素个数为3个,但浏览器会告诉你a.length为0 !!

js怎么获取对象的成员个数? 用length属性吗?
  1. <script type="text/javascript">
  2.         var a = {'age':30,'sex':'male'};
  3.         alert(a.length);
  4. </script>
复制代码
以上代码得到结果为undefined!

综上所述,length不可靠,要想得到准确的数组元素个数或者对象的成员个数,我们需要自己动手写一个函数.
如果传入数组则计算数组长度,如果传入对象则计算对象成员数,如果传入字符串则计算字符串的字数.其他类型返回false
  1. <script type="text/javascript">
  2.         function count(o){
  3.                 var t = typeof o;
  4.                 if(t == 'string'){
  5.                         return o.length;
  6.                 }else if(t == 'object'){
  7.                         var n = 0;
  8.                         for(var i in o){
  9.                                 n++;
  10.                         }
  11.                         return n;
  12.                 }
  13.                 return false;
  14.         }
  15. </script>
复制代码
现在在测试一下刚才的例子?
  1. <script type="text/javascript">
  2.         var a = [];
  3.         a[50] = 50;
  4.         alert(count(a));
  5. </script>
复制代码
得到结果为2
  1. <script type="text/javascript">
  2.         var a = [];
  3.         a['age'] = '18';
  4.         a['sex'] = 'Male';
  5.         a['site'] = 'http://www.qSyz.net';
  6.         alert(count(a));
  7. </script>
复制代码
得到结果为3.
  1. <script type="text/javascript">
  2.         var a = {'age':30,'sex':'male'};
  3.         alert(count(a));
  4. </script>
复制代码
得到结果为2

手机版|轻松E站

GMT+8, 2024/3/29 09:03

快速回复 返回顶部 返回列表