快捷導(dǎo)航

JavaScript偽數(shù)組用法實(shí)例分析

更新時(shí)間：2017年12月22日 11:39:50 作者：Web攻城獅

這篇文章主要介紹了JavaScript偽數(shù)組用法,結(jié)合實(shí)例形式分析了偽數(shù)組的概念、功能、定義及簡(jiǎn)單使用方法,需要的朋友可以參考下

本文實(shí)例講述了JavaScript偽數(shù)組用法。分享給大家供大家參考，具體如下：

在Javascript中什么是偽數(shù)組？

偽數(shù)組（類數(shù)組）：無法直接調(diào)用數(shù)組方法或期望length屬性有什么特殊的行為，但仍可以對(duì)真正數(shù)組遍歷方法來遍歷它們。

1.典型的是函數(shù)的 argument參數(shù)，
2.像調(diào)用getElementsByTagName,document.childNodes之類的,它們都返回 NodeList對(duì)象都屬于偽數(shù)組。

那么如何將偽數(shù)組轉(zhuǎn)化為標(biāo)準(zhǔn)數(shù)組？

可以使用Array.prototype.slice.call(fakeArray)將數(shù)組轉(zhuǎn)化為真正的Array 對(duì)象。

舉個(gè)例子,利用偽數(shù)組實(shí)現(xiàn)不定參數(shù)求和問題.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偽數(shù)組</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>

運(yùn)行結(jié)果：

將偽數(shù)組轉(zhuǎn)化為標(biāo)準(zhǔn)數(shù)組

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偽數(shù)組</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments instanceof Array);//可以判斷下此時(shí)是不是真正數(shù)組,返回值為false;
    console.log(arguments);//此時(shí)打印的是傳入的參數(shù)1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//將偽數(shù)組轉(zhuǎn)化為標(biāo)準(zhǔn)數(shù)組
    arguments.push(10);//此時(shí)就可以調(diào)用標(biāo)準(zhǔn)數(shù)組的方法
    console.log(arguments instanceof Array);//可以判斷下此時(shí)是不是真正數(shù)組,返回值為true;
    console.log(arguments);//此時(shí)打印的是傳入的參數(shù),push之后的數(shù)組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>

運(yùn)行結(jié)果：