JavaScript伪数组用法实例分析


Posted in Javascript onDecember 22, 2017

本文实例讲述了JavaScript伪数组用法。分享给大家供大家参考,具体如下:

在Javascript中什么是伪数组?

伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们。

1.典型的是函数的 argument参数,
2.像调用getElementsByTagName,document.childNodes之类的,它们都返回 NodeList对象都属于伪数组。

那么如何将伪数组转化为标准数组?

可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array 对象。

举个例子,利用伪数组实现不定参数求和问题.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments);
    for(var i=0;i<arguments.length;i++){
      sum +=arguments[i];
    }
    return sum;
  }
 console.log(add(1,2,5,8));
</script>
<body>
</body>
</html>

运行结果:

JavaScript伪数组用法实例分析

将伪数组转化为标准数组

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为false;
    console.log(arguments);//此时打印的是传入的参数1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//将伪数组转化为标准数组
    arguments.push(10);//此时就可以调用标准数组的方法
    console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为true;
    console.log(arguments);//此时打印的是传入的参数,push之后的数组1,2,5,8,10
    for(var i=0;i<arguments.length;i++){
      sum +=arguments[i];
    }
    return sum;
  }
 console.log(add(1,2,5,8));
</script>
<body>
</body>
</html>

运行结果:

JavaScript伪数组用法实例分析

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery获取input表单值的代码
Apr 19 Javascript
用js解决数字不能换行问题
Aug 10 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
jquery $.trim()方法使用介绍
May 21 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
深入理解Angular4中的依赖注入
Jun 07 Javascript
React Native如何消除启动时白屏的方法
Aug 08 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
javascript实现摄像头拍照预览
Sep 30 Javascript
vue中如何添加百度统计代码
Dec 19 Vue.js
Vue.js中v-for指令的用法介绍
Mar 13 Vue.js
JavaScript中Object值合并方法详解
Dec 22 #Javascript
Angular简单验证功能示例
Dec 22 #Javascript
Angular实现的table表格排序功能完整示例
Dec 22 #Javascript
详解Vue中localstorage和sessionstorage的使用
Dec 22 #Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 #Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
Dec 22 #Javascript
js读取本地文件的实例
Dec 22 #Javascript
You might like
php 读取文件夹下所有图片、文件的实例
2018/10/17 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
python读文件逐行处理的示例代码分享
2013/12/27 Python
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Python 将RGB图像转换为Pytho灰度图像的实例
2017/11/14 Python
Django实现简单分页功能的方法详解
2017/12/05 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
基于python3实现倒叙字符串
2020/02/18 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
毕业生求职简历中的自我评价
2013/10/18 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
集体生日活动方案
2014/08/18 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
初中物理教学反思
2016/02/19 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
解决Laravel使用验证时跳转到首页的问题
2021/11/17 PHP