JavaScript伪数组用法实例分析
更新时间：2017年12月22日 11:39:50 作者：Web攻城狮
这篇文章主要介绍了JavaScript伪数组用法,结合实例形式分析了伪数组的概念、功能、定义及简单使用方法,需要的朋友可以参考下
本文实例讲述了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>
运行结果：
将伪数组转化为标准数组
<!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数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
js中base64、url和blob之间相互转换的3种方式(详细代码)
这篇文章主要给大家介绍了关于js中base64、url和blob之间相互转换的3种方式,Blob和File是用来表示二进制数据的,而Base64则是一种编码方式,用来把二进制数据编码成可读的字符串,需要的朋友可以参考下2023-10-10
详解JavaScript中的Object.is()与"==="运算符总结
这篇文章主要介绍了详解JavaScript中的Object.is()与"==="运算符总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
下面小编就为大家分享一篇js 取消页面可以选中文字的功能方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要为大家详细介绍了Openlayers实现图形绘制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要为大家介绍了JavaScript Window.open 弹窗使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
有时候我们需要检查一个页面上是否用重复的id，一般id都是唯一的，也方便控制，那么就可以参考下面的代码2013-07-07
在ECMAScript中,变量可以存在两种类型的值,即原始值和引用,这篇这篇文章主要给大家介绍了关于ECMAScript中的原始值和引用值的相关资料,需要的朋友可以参考下2021-08-08
按指定格式显示日期时间在开发与时间相关的应用时非常有用，接下来与大家分享下格式化显示日期时间的方法，感兴趣的朋友可以参考下哈2013-04-04
本篇文章给大家详细分析了javascript变量提升和闭包的相关知识点，对此有兴趣的朋友可以参考下。2018-03-03
本文给大家分享了几个javascript中常用的方法，十分的实用，也很简单，有需要的小伙伴可以参考下。2015-07-07
最新评论