當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
024_JavaScript数组
生活随笔
收集整理的這篇文章主要介紹了
024_JavaScript数组
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. JavaScript數組用于在單一變量中存儲多個值。
2. 創建數組
2.1. 創建數組最簡單的方式是使用中括號[]包含項, 多個項用逗號分割:
var array-name = [item1, item2, ...];2.2. 實例
var cars = ["Saab", "Volvo", "BMW"];3. 為什么使用數組?
3.1. 如果您有一個書名的項目清單, 在單個變量中存儲書名應該是這樣的:
var book1 = 'JavaScript DOM編程藝術'; var book2 = '高性能JavaScript'; var book3 = 'javascript高級程序設計'; var book4 = 'JavaScript權威指南'; var book5 = '你不知道的JavaScript';3.2. 這樣的書名清單, 儲存起來看起來十分笨重, 訪問某個特定值和遍歷書名清單顯得特別麻煩。解決方法就是數組!
var arr = ["JavaScript DOM編程藝術", "高性能JavaScript", "javascript高級程序設計", "JavaScript權威指南", "你不知道的JavaScript"];4. 數組元素類型
4.1. 數組元素可以是: 字符串值, 數值, 布爾值, 數組, 對象, 甚至是函數。
4.2. 實例
function run() {} var colors = ['red', 'blue', 'yellow']; var objs = {id: 1001}; var cars = ["奔馳", objs, run, true, colors, 300000];5. length屬性
5.1. length屬性返回數組的長度(數組元素的數目)。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.length; // fruits 的長度是 46. 訪問數組元素
6.1. 我們通過引用索引號(下標號)來引用某個數組元素。
6.2. 數組索引從0開始。[0]是數組中的第一個元素, [1]是第二個, 依此類推。
6.3. 實例
var cars = ["Saab", "Volvo", "BMW"]; var name = cars[0];6.4. 使用length屬性訪問最后一個數組元素
fruits = ["Banana", "Orange", "Apple", "Mango"]; var last = fruits[fruits.length - 1];7. 使用索引的方式改變和添加數組元素
7.1. 直接給數組對應下標的元素賦值, 來改變數組元素。
var cars = ["Saab", "Volvo", "BMW"]; cars[0] = "Opel";7.2. 通過添加新下標給數組添加元素, 使用length屬性始終給數組末尾添加元素:
var cars = ["Saab", "Volvo", "BMW"]; cars[cars.length] = "Opel";7.3. 添加最高索引的元素可在數組中創建未定義的"洞":
var cars = ["Saab", "Volvo", "BMW"]; cars[5] = "Opel";document.write(cars[3] + '<br />'); // 返回undefined document.write(cars[4] + '<br />'); // 返回undefined document.write(cars[5] + '<br />'); // 返回"Opel"8. 遍歷數組
8.1. 使用for循環或者for ...in遍歷數組。
8.2. 例子
8.2.1. 代碼
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>遍歷數組</title></head><body><script type="text/javascript">var fruits = ["Banana", "Orange", "Apple", "Mango"];for(let item in fruits){document.write(fruits[item] + ' '); }document.write('<br />'); for(let i = 0; i < fruits.length; i++){document.write(fruits[i] + ' '); }</script></body> </html>8.2.2. 效果圖
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的024_JavaScript数组的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 023_JavaScript数字方法
- 下一篇： 025_JavaScript数组方法