网站首页
精品模板
会员模板
建站资源
站长素材
建站教程
编程笔记
编程问答
编程笔记
html教程 css教程 前端开发 cms教程 seo优化 网页设计 服务器 数据库 平面设计 电脑教程 编程教程 互联网 移动开发 php编程 java编程 实例代码 Python编程
沃梦达建站-编程笔记-编程教程-正文

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

2017-04-07编程教程
693
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.genban.org';
  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.genban.org';
  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

The End

相关推荐

layui根据百度地图经纬度在弹出层中显示位置
首先你需要引入百度地图的js script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0ak=你的ak"/script ak ,注意是要浏览器端的ak，这个直接到百度开发者平台申请。 引入layui，这个大家可以到layui官网看看怎么引入layer， 注意：这里要提...
2025-01-09 编程教程
240
C#之socket编程
编程需要恒心和毅力，最主要的是要有信心，循序渐进的完成任务。 一、socket类用于网络通信 命名空间System.Net.Sockets，完整的类引用System.Net.Sockets.Socket。Socket类支持各种网络协议。 二、简单的控制台程序 using System;using System.Collections....
2023-03-07 编程教程
114
百度UEditor编辑器如何禁止过滤div等网页html标签
将设计排版好的页面html代码上传到数据库，再读取出来的时候发现所有的div都被替换成了p标签。 解决方法: 首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代码，将true设置为false me.setOpt({ 'allowDivTransToP':false, 'disabledTableInTable'...
2022-11-23 编程教程
495
Ajax中文传值出现乱码的解决办法
Ajax技术的核心为Javascript，而javascript使用的是UTF-8编码，因此在页面采用GBK或者其他编码，同时没有进行编码转换时，就会出现中文乱码的问题。 以下是分别使用GET和POST方式传值，并且页面采用GBK和UTF-8编码在IE和FF下的不同测试结果和出现乱码时的解...
2022-11-19 编程教程
364
Parse error: syntax error, unexpected '&'解决办法
在使用PHP5.4及以上版本时，在调用函数时，使用引用符号时，会出现Parse error: syntax error, unexpected 或PHP Fatal error: Call-time pass-by-reference has been removed者，这是由于在函数调用时通过引用传递参数已被弃用，因为它影响了代码的整洁，如...
2022-05-11 编程教程
295
解析PHP中ob_start()函数的用法
ob_start()函数用于打开缓冲区,比如header()函数之前如果就有输出,包括回车/空格/换行/都会有Header had all ready send by的错误,这时可以先用ob_start()打开缓冲区PHP代码的数据块和echo()输出都会进入缓冲区而不会立刻输出.当然打开缓冲区的作用很多,只要...
2022-05-11 编程教程
106

热门文章

1您未被授权查看该页原因及解决办法 2php require_once的使用方法总结 3网站https改造后含http访问的iframe框架无法显示的解决办法 4PHP生成excel时单元格内换行问题的解决方法-PHPphp技巧 5Nginx增加mime类型 修改mime type类型默认打开方式的方法 6css Cursor:url()自定义鼠标指针样式为图片 7php中出现Notice: Uninitialized string offset: 0原因及解决办法 8js获取数组元素个数和对象成员数

热门精品源码

最新VIP资源

1多功能实用站长工具箱html功能模板 2多风格简历在线生成程序网页模板 3论文相似度查询系统源码 4响应式旅游景点宣传推广页面模板 5在线起名宣传推广网站源码 6酷黑微信小程序网站开发宣传页模板 7房产销售交易中介网站模板 8小学作业自动生成程序