溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript數組基本操作的示例分析

發布時間:2022-03-03 14:33:33 來源:億速云 閱讀:197 作者:小新 欄目:開發技術

這篇文章主要為大家展示了“JavaScript數組基本操作的示例分析”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“JavaScript數組基本操作的示例分析”這篇文章吧。

一、初識數組

數組構成:數組由一個或多個數組元素組成的,各元素之間使用逗號“,”分割。

數組元素:每個數組元素由“下標”和“值”構成。

下標:又稱索引,以數字表示,默認從0開始依次遞增,用于識別元素。

值:元素的內容,可以是任意類型的數據,如數值型、字符型、數組、對象等。

JavaScript數組基本操作的示例分析

數組還可以根據維數劃分為一維數組、二維數組、三維數組等多維數組。

一維數組:就是指數組的“值”是非數組類型的數據,如上圖。

二維數組:是指數組元素的“值”是一個一維數組,如下圖。

JavaScript數組基本操作的示例分析

數組還可以根據維數劃分為一維數組、二維數組、三維數組等多維數組。

多維數組:當一個數組的值又是一個數組時,就可以形成多維數組。它通常用于描述一些信息。

舉例:保存一個班級學生信息,每個數組元素都代表一個學生,而每個學生都使用一個一維數組分別表示其姓名、學號、年齡等信息,這樣通過一個變量即可有規律的保存一個班級的所有學生信息,方便開發時進行處理。

二、創建數組

數組在JavaScript中的創建方式:

  • 實例化Array對象的方式。

  • 直接使用“[]”的方式。

使用Array對象創建數組

實例化Array對象的方式創建數組,是通過new關鍵字實現的。

JavaScript數組基本操作的示例分析

使用“[]”創建數組

直接法“[]”與Array()對象的使用方式類似,只需將new Array()替換為[]即可。

JavaScript數組基本操作的示例分析

  • 在創建數組時,最后一個元素后的逗號可以存在,也可以省略。

  • 直接法“[]”與Array()對象在創建數組時的區別在于,前者可以創建含有空存儲位置的數組,而后者不可以。

三、數組的基本操作

獲取數組長度

Array對象提供的length屬性可以獲取數組的長度,其值為數組元素最大下標加1。

JavaScript數組基本操作的示例分析

數組arr2中沒有值的數組元素會占用空的存儲位置。

因此,數組的下標依然會遞增。從而arr2調用length屬性最后的輸出結果即為6。

數組的length屬性不僅可以用于獲取數組長度,還可以修改數組長度。

在利用length屬性指定數組長度時,有以下是三種情況:

JavaScript數組基本操作的示例分析

????若length的值大于數組中原來的元素個數,則沒有值的數組元素會占用空存儲位置。

JavaScript數組基本操作的示例分析

????若length的值等于數組中原來的元素個數,數組長度不變。

JavaScript數組基本操作的示例分析

????若length的值小于數組中原來的元素個數,多余的數組元素將會被舍棄。

JavaScript數組基本操作的示例分析

除此之外,在利用Array對象方式創建數組時,也可以指定數組的長度。

JavaScript數組基本操作的示例分析

注意

JavaScript中不論何種方式指定數組長度后,并不影響繼續為數組添加元素,同時數組的length屬性值會發生相應的改變。

訪問數組元素

數組元素訪問方式:“數組名[下標]”。

概念:所謂遍歷數組就是依次訪問數組中所有元素的操作。

  • 利用下標遍歷數組可以使用:for(已學)。

  • 利用下標遍歷數組可以使用:for…in語句。

JavaScript數組基本操作的示例分析

  • for…in中的variable指的是數組下標。

  • for…in中的object表示數組的變量名稱。

  • 除此之外,若object是一個對象,for…in還可以用于對象的遍歷。

注意

在ES6中,新增了一種for…of語法,可以更方便地對數組進行遍歷。

JavaScript數組基本操作的示例分析

  • 變量value:表示每次遍歷時對應的數組元素的值。

  • 變量arr:表示待遍歷的數組。

  • 結果:在控制臺中依次輸出1、2和3。

元素的添加與修改

元素的添加與修改元素的方式:“數組名[下標]”。

提示:與訪問數組中的元素的方式相同。

添加元素

JavaScript數組基本操作的示例分析

  • 添加數組元素:數組名[下標] = 值。

  • 允許下標不按照數字順序連續添加,未設置具體值的元素,會以空存儲位置的形式存在。

  • 數組中元素保存順序與下標有關,與添加元素的順序無關。

JavaScript數組基本操作的示例分析

修改元素

修改元素與添加元素的使用相同,區別在于修改元素是為已含有值的元素重新賦值。

JavaScript數組基本操作的示例分析

元素的刪除

在創建數組后,有時也需要根據實際情況,刪除數組中的某個元素值。

例如,一個保存全班學生信息的多維數組,若這個班級中有一個學生轉學了,那么在這個保存學生信息的數組中就需要刪除此學生。

此時,可以利用delete關鍵字刪除該數組元素的值。

delete關鍵字只能刪除數組中指定下標的元素值,刪除后該元素依然會占用一個空的存儲位置。

JavaScript數組基本操作的示例分析

解構賦值

除了前面學習過的變量聲明與賦值方式,ES6中還提供了另外一種方式——解構賦值。例如,若把數組[1,2,3]中的元素分別賦值為a、b和c,傳統的做法是單獨為變量聲明和賦值。

JavaScript數組基本操作的示例分析

  • 當左側變量的數量小于右側的元素的個數,則忽略多余的元素。

  • 當左側變量數量大于右側的元素個數時,則多余的變量會被初始化為undefined。

JavaScript數組基本操作的示例分析

  • 解構賦值時右側的內容還可以是一個變量。

  • 通過解構賦值完成兩個變量數值的交換。

以上是“JavaScript數組基本操作的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女