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

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

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

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

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

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

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

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

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

舉個例子,利用偽數(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>

運行結(jié)果：

將偽數(shù)組轉(zhuǎ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ù)組,返回值為false;
    console.log(arguments);//此時打印的是傳入的參數(shù)1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//將偽數(shù)組轉(zhuǎn)化為標準數(shù)組
    arguments.push(10);//此時就可以調(diào)用標準數(shù)組的方法
    console.log(arguments instanceof Array);//可以判斷下此時是不是真正數(shù)組,返回值為true;
    console.log(arguments);//此時打印的是傳入的參數(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>

運行結(jié)果：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

ES6代碼轉(zhuǎn)ES5詳細教程(babel安裝使用教程)
Babel 是一個廣泛使用的 ES6 轉(zhuǎn)碼器，可以將 ES6 代碼轉(zhuǎn)為 ES5 代碼，從而在老版本的瀏覽器執(zhí)行，這意味著，你可以用 ES6 的方式編寫程序，又不用擔心現(xiàn)有環(huán)境是否支持，這篇文章主要介紹了ES6代碼轉(zhuǎn)ES5教程(babel安裝使用教程),需要的朋友可以參考下
2023-01-01
js實現(xiàn)一個省市區(qū)三級聯(lián)動選擇框代碼分享
省市區(qū)三級聯(lián)動在填寫表單時有關(guān)地址這一塊顯得尤為重要,直接提高了用戶的填寫速度與準確度，接下來本文使用js代碼實現(xiàn)一個，感興趣的你可以參考下希望可以幫助到你
2013-03-03
深入探究JS中的異步編程和事件循環(huán)機制
js是單線程事件循環(huán)模型，同步操作與異步操作時代碼所依賴的核心機制，異步行為是為了優(yōu)化因計算量大而時間長的操作，本文詳細給大家介紹了JS中的異步編程和事件循環(huán)機制，文中有詳細的代碼示例,需要的朋友可以參考下
2023-05-05
微信小程序?qū)崿F(xiàn)文件、圖片上傳功能
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)文件、圖片上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
JavaScript實現(xiàn)彈窗效果代碼分析
本文主要介紹了JavaScript實現(xiàn)彈窗效果的代碼分析，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
Select2.js下拉框使用小結(jié)
這篇文章主要為大家詳細總結(jié)了Select2.js下拉框的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
JS帶你深入領(lǐng)略Proxy的世界
Proxy是es2015 標準規(guī)范加入的語法，很可能你只是聽說過，但并沒有用過，畢竟考慮到兼容的問題，不能輕易地使用Proxy特性。但現(xiàn)在隨著各個瀏覽器的更新迭代，Proxy的支持度也越來越高：而且使用Proxy進行代理和劫持，也漸漸成為了趨勢。
2021-05-05
ES6如何用一句代碼實現(xiàn)函數(shù)的柯里化
這篇文章主要介紹了ES6如何用一句代碼實現(xiàn)函數(shù)的柯里化，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-01-01
簡單的網(wǎng)頁廣告特效實例
下面小編就為大家?guī)硪黄唵蔚木W(wǎng)頁廣告特效實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
理解Javascript_07_理解instanceof實現(xiàn)原理
在《Javascript類型檢測》一文中講到了用instanceof來用做檢測類型，讓我們來回顧一下
2010-10-10