JavaScript內置對象-Array

来源:http://www.cnblogs.com/qqandfqr/archive/2017/02/25/6442214.html
-Advertisement-
Play Games

▓▓▓▓▓▓ 大致介紹 除了Object之外,Array類型恐怕就是JavaScript種最常用的類型了,JavaScript中的數組與其他語言中的數組有很大的區別,例如,數組的每一項可以存放任何值,並且數組的大小事可以動態調整的 ▓▓▓▓▓▓ 創建數組的兩種方法 創建數組有兩種方法:一是用構造函數 ...


▓▓▓▓▓▓ 大致介紹

  除了Object之外,Array類型恐怕就是JavaScript種最常用的類型了,JavaScript中的數組與其他語言中的數組有很大的區別,例如,數組的每一項可以存放任何值,並且數組的大小事可以動態調整的

 

▓▓▓▓▓▓ 創建數組的兩種方法

  創建數組有兩種方法:一是用構造函數,二是用對象字面量的方法

  構造函數方式

  使用Array構造函數

var colors = new Array();

 

  創建一個含有二十項的數組

var colors = new Array(20);

 

  創建一個包含三項的數組

 var colors = new Array("pink","black","white");

 

  對象字面量方式

  數組字面量由一對包含數組項的方括弧表示

 var colors = ["red","blue","green"];

 

▓▓▓▓▓▓ length屬性

  JavaScript數組中的length是沒有上界的,如果用大於當前length值的數字作為下標來儲存值,那麼數組就會被擴充來容納這個元素。

var empty = [];
empty.length;    //0
empty[100] = 'QQQ';
empty.length;    //101
//[]後置下標運算符把它所包含的表達式轉換成一個字元串,如果該表達式有toString方法,就使用該方法的值
empty['100']; //QQQ

 

  如果把length設小將導致所有下標大於等於新length的屬性被刪除

var numbers = [
'zero','one','two','three','false','12'
];
numbers.length = 2;
console.log(numbers);    //["zero", "one"]

 

▓▓▓▓▓▓ in運算符

  檢查某個鍵名是否存在的in運算符,也可以適用於數組

var myArray = [1,'2','name','23e'];

0 in myArray //true
2 in myArray //true
4 in myArray //false

 

  註意:如果某個位置的值為0,也會返回false

var a = [];
a[100] = 1;
a[3] in myArray; //false

 

▓▓▓▓▓▓ 數組的遍歷

  數組的遍歷通常是用for或者while迴圈,並不推薦for..in迴圈

var a = [1, 2, 3];

// for迴圈
for(var i = 0; i < a.length; i++) {
  console.log(a[i]);
}

// while迴圈
var i = 0;
while (i < a.length) {
  console.log(a[i]);
  i++;
}

var l = a.length;
while (l--) {
  console.log(a[l]);
}

 

  還有一種遍歷方法就是使用forEach(),在後面會講到

 

▓▓▓▓▓▓ 數組的空位

  當數組的兩個逗號之間沒有任何值,那麼這個數組就有空位

  數組的空位是不會影響length屬性,並且訪問空位會返回undefined,使用delete刪除數組元素,會返回空值

var myArray = [1,'2',,,];

console.log(myArray.length); //4
console.log(myArray[3]); //undefined

 

  數組的某個位置是空位,與某個位置是undefined,是不一樣的。如果是空位,使用數組的forEach方法、for...in結構、以及Object.keys方法進行遍歷,空位都會被跳過

var a = [, , ,];

a.forEach(function (x, i) {
  console.log(i + '. ' + x);
})
// 不產生任何輸出

for (var i in a) {
  console.log(i);
}
// 不產生任何輸出

Object.keys(a)
// []

 

  如果某個位置是undefined,遍歷的時候就不會被跳過。

 

▓▓▓▓▓▓ 數組方法

  我的這這篇博客詳細的寫了有關數組的方法,這裡就不在重覆http://www.cnblogs.com/qqandfqr/p/5558199.html

 

參考資料:

      阮一峰JavaScript標準參考教程(alpha)-語法-數組

      JavaScript語言精粹第六章

      JavaScript高級程式設計(第三版)第五章 Array類型

  

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • JavaScript-警告(alert 消息對話框) 註意: 1. 在點擊對話框"確定"按鈕前,不能進行任何其它操作。 2. 消息對話框通常可以用於調試程式。 3. alert輸出內容,可以是字元串或變數,與document.write 相似。 // JavaScript-確認(confirm 消息 ...
  • 在 "單線程JavaScript" 這篇文章中,在介紹JavaScript單線程的同時,也介紹了setTimeout是如何工作的。但是對於定時器的一些內容,並沒有做深入的討論。這篇文章,會詳細說說JS的兩種定時器,setTimeout和setInterval,以及它們的工作方式。同時,會談談有關se ...
  • jQuery的開發速度很快,幾乎每半年一個大版本,每兩個月一個小版本。 每個版本都會引入一些新功能。今天我想介紹的,就是從jQuery 1.5.0版本開始引入的一個新功能 deferred對象。 這個功能很重要,未來將成為jQuery的核心方法,它徹底改變瞭如何在jQuery中使用ajax。為了實現 ...
  • 關於響應式佈局現才接觸到,雖然代碼很簡單,但是對基礎要求還是有一些。 1.left設置position:absolute和width:70px;那麼右邊用margin-left:70px;因為是響應式的我用jquery設置了一下高度(不用jquery,直接設置高度為100%好像不行,不知道為什麼有知 ...
  • DragEvent是一個表示drag和drop交互的DOM event介面。用戶通過將指針設備(如:滑鼠)放在目標的錶面開始拖動,然後拖動指針到一個新的位置(如其他DOM元素)。應用程式自動的解析拖放交互。DragEvent介面從mouseEvent和Event那兒繼承屬性。 Event types ...
  • display:none和visible:hidden都能把網頁上某個元素隱藏起來,但兩者有區別: display:none 不為被隱藏的對象保留其物理空間,即該對象在頁面上徹底消失。 visible:hidden 使對象在網頁上不可見,但該對象在網頁上扔占據著空間。 例子: <html><head ...
  • 大學畢業以後,因為一些個人瑣事沒有找到自己專業的對口工作,整天混混沌沌得過著也沒有打破現狀的決心和機會。但是每當獨自思考的時候總是一陣陣的害怕,怕自己從此一事無成一無所有。於是在某個心潮澎湃的瞬間開始在網上看一些學習資源,開始自學一些web方面的知識。 經過小段時間的學習,發現自己之前真的是孤陋寡聞 ...
  • 談論jquery中bind(),live(),delegate(),on()綁定事件方式 1. Bind() $(selector).bind(event,data,function) Event:必須項;添加到元素的一個或多個事件。 Data:可選;需要傳遞的參數 Function:必需;當綁定事 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...