国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

javascript數組知識基礎講解(上)

cgh1999520 / 1307人閱讀

摘要:稀疏數組遍歷上面這段代碼可以看出,在遍歷數組的時候是會跳過這些空白單元,直接找到下標為的值。

js是一門擁有非常強表達能力的語言,當你知道你要做什么的時候,它能幫助你更加出色的完成這件事情。當然,想要成為一名出色的前端工程師,需要的是更多的精力跟學習。所以大家要跟我一起努力哦!

數組基本了解

數組(array),字符串(string),和數字(number)算是一個程序最基本的組成部分,這篇文章著重為大家講解一下數組的使用,畢竟數組是前端開發經常要接觸的東西嘛(小聲bb 嘻嘻)

和其他強類型語言不同,在javascript中,數組可以容納任何類型的值,可以是字符串,可以是數字,可以使對象,也可以是其他的數組(多維數組就是通過這種方式實現的)

1. 數組創建
var a = []; //這是一個沒有元素的空數組示例
var a = [1,2,3]; //這是三個元素的數組示例
var b = [1,"2",[3,4]]; //這是包含字符串 數字 嵌套數組的示例

var a = new Array();  //調用構造函數Array()創建數組 調用時沒有參數
var b = new Array(3); //調用時有一個數值參數,它指定長度 
var c = new Array(1,2,3); //新創建的數組的元素就會被初始化為這些值,它的 length 字段也會被設置為參數的個數
2. 數組長度

每個數組都有一個length屬性,js數組的長度是沒有上限的,如果你用大于或者等于當前length的數字來儲存一個元素,length值就會增大容納新元素,不會發生數組越界的錯誤

//數組在聲明之后就可以向其中加入值
var arr = [];
    arr.length  //0
    
    arr[0] = 1;
    arr[1] = "2";
    arr[2] = "3";
    arr.length  //3
    
    arr[100] = true;
    arr.length  //100
3. 稀疏數組(sparse array)

稀數組就是含有空白或單缺單元的數組,數組元素的索引不一定要連續,元素之間可以有空隙

在創建稀疏數組的時候要注意:

var arr = [ ];
    arr[0] = 1;
    //此處不設置arr[1]
    arr[2] = [ 3 ];
    arr.length //3

可以看到, 上面的代碼可以正常的運行,這就是一個稀疏數組,其中的 ‘空白單元’ 即沒有設置的arr[1]的值 為undefined , 這里的undefined指不存在,但是這與直接設置 arr[1]=undefined 還是有所不同,再舉個栗子

var arr1=[undefined,undefined,undefined]
var arr2=new Array(3);
    console.log(arr1)
    console.log(arr2)

在谷歌瀏覽器上arr1顯示的是[undefined,undefined,undefined],而arr2顯示的為?[undefined × 3] ,由此可以看出他們是不同的,arr2這里的undefined指不存在。

4. 稀疏數組遍歷
var arr = new Array(3);
    arr[50]=1;
    console.log(arr.length ) //51
    console.log(arr[0]) //undefined
    arr.forEach(function(value,index){
        console.log(value);   //1
    }); 

上面這段代碼可以看出,在遍歷數組的時候js是會跳過這些空白單元,直接找到下標為51的值。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104618.html

相關文章

  • 前端基礎進階(四):詳細圖解作用域鏈與閉包

    摘要:之前一篇文章我們詳細說明了變量對象,而這里,我們將詳細說明作用域鏈。而的作用域鏈,則同時包含了這三個變量對象,所以的執行上下文可如下表示。下圖展示了閉包的作用域鏈。其中為當前的函數調用棧,為當前正在被執行的函數的作用域鏈,為當前的局部變量。 showImg(https://segmentfault.com/img/remote/1460000008329355);初學JavaScrip...

    aikin 評論0 收藏0
  • 前端空間 - 收藏集 - 掘金

    摘要:封裝手寫的方筆記使用檢測文件前端掘金副標題可以做什么以及使用中會遇到的坑。目的是幫助人們用純中文指南實現復選框中多選功能前端掘金作者緝熙簡介是推出的一個天挑戰。 深入理解 JavaScript Errors 和 Stack Traces - 前端 - 掘金譯者注:本文作者是著名 JavaScript BDD 測試框架 Chai.js 源碼貢獻者之一,Chai.js 中會遇到很多異常處理...

    you_De 評論0 收藏0
  • 前端空間 - 收藏集 - 掘金

    摘要:封裝手寫的方筆記使用檢測文件前端掘金副標題可以做什么以及使用中會遇到的坑。目的是幫助人們用純中文指南實現復選框中多選功能前端掘金作者緝熙簡介是推出的一個天挑戰。 深入理解 JavaScript Errors 和 Stack Traces - 前端 - 掘金譯者注:本文作者是著名 JavaScript BDD 測試框架 Chai.js 源碼貢獻者之一,Chai.js 中會遇到很多異常處理...

    lwx12525 評論0 收藏0
  • JavasScript重難點知識

    摘要:忍者級別的函數操作對于什么是匿名函數,這里就不做過多介紹了。我們需要知道的是,對于而言,匿名函數是一個很重要且具有邏輯性的特性。通常,匿名函數的使用情況是創建一個供以后使用的函數。 JS 中的遞歸 遞歸, 遞歸基礎, 斐波那契數列, 使用遞歸方式深拷貝, 自定義事件添加 這一次,徹底弄懂 JavaScript 執行機制 本文的目的就是要保證你徹底弄懂javascript的執行機制,如果...

    forsigner 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<