024_JavaScript数组
1. JavaScript數(shù)組用于在單一變量中存儲多個值。
2. 創(chuàng)建數(shù)組
2.1. 創(chuàng)建數(shù)組最簡單的方式是使用中括號[]包含項, 多個項用逗號分割:
var array-name = [item1, item2, ...];2.2. 實例
var cars = ["Saab", "Volvo", "BMW"];3. 為什么使用數(shù)組?
3.1. 如果您有一個書名的項目清單, 在單個變量中存儲書名應(yīng)該是這樣的:
var book1 = 'JavaScript DOM編程藝術(shù)'; var book2 = '高性能JavaScript'; var book3 = 'javascript高級程序設(shè)計'; var book4 = 'JavaScript權(quán)威指南'; var book5 = '你不知道的JavaScript';3.2. 這樣的書名清單, 儲存起來看起來十分笨重, 訪問某個特定值和遍歷書名清單顯得特別麻煩。解決方法就是數(shù)組!
var arr = ["JavaScript DOM編程藝術(shù)", "高性能JavaScript", "javascript高級程序設(shè)計", "JavaScript權(quán)威指南", "你不知道的JavaScript"];4. 數(shù)組元素類型
4.1. 數(shù)組元素可以是: 字符串值, 數(shù)值, 布爾值, 數(shù)組, 對象, 甚至是函數(shù)。
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屬性返回數(shù)組的長度(數(shù)組元素的數(shù)目)。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.length; // fruits 的長度是 46. 訪問數(shù)組元素
6.1. 我們通過引用索引號(下標(biāo)號)來引用某個數(shù)組元素。
6.2. 數(shù)組索引從0開始。[0]是數(shù)組中的第一個元素, [1]是第二個, 依此類推。
6.3. 實例
var cars = ["Saab", "Volvo", "BMW"]; var name = cars[0];6.4. 使用length屬性訪問最后一個數(shù)組元素
fruits = ["Banana", "Orange", "Apple", "Mango"]; var last = fruits[fruits.length - 1];7. 使用索引的方式改變和添加數(shù)組元素
7.1. 直接給數(shù)組對應(yīng)下標(biāo)的元素賦值, 來改變數(shù)組元素。
var cars = ["Saab", "Volvo", "BMW"]; cars[0] = "Opel";7.2. 通過添加新下標(biāo)給數(shù)組添加元素, 使用length屬性始終給數(shù)組末尾添加元素:
var cars = ["Saab", "Volvo", "BMW"]; cars[cars.length] = "Opel";7.3. 添加最高索引的元素可在數(shù)組中創(chuàng)建未定義的"洞":
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. 遍歷數(shù)組
8.1. 使用for循環(huán)或者for ...in遍歷數(shù)組。
8.2. 例子
8.2.1. 代碼
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>遍歷數(shù)組</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. 效果圖
《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的024_JavaScript数组的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 023_JavaScript数字方法
- 下一篇： 025_JavaScript数组方法