javascript
JavaScript入门(part8)--数组
學(xué)習(xí)筆記，僅供參考，有錯必糾
參考自：pink老師教案
文章目錄
- JavaScript入門
- 數(shù)組
- 數(shù)組的概念
- 創(chuàng)建數(shù)組
- 獲取數(shù)組中的元素
- 數(shù)組的length屬性
JavaScript入門
數(shù)組
數(shù)組的概念
數(shù)組可以把一組相關(guān)的數(shù)據(jù)一起存放，并提供方便的訪問(獲取)方式；數(shù)組是指一組數(shù)據(jù)的集合，其中的每個數(shù)據(jù)被稱作元素，在數(shù)組中可以存放任意類型的元素。數(shù)組是一種將一組數(shù)據(jù)存儲在單個變量名下的優(yōu)雅方式。
創(chuàng)建數(shù)組
JavaScript中中創(chuàng)建數(shù)組有兩種方式。
- 利用 new 創(chuàng)建數(shù)組
- 利用數(shù)組字面量創(chuàng)建數(shù)組
//使用數(shù)組字面量方式創(chuàng)建空的數(shù)組 var 數(shù)組名 = []; //使用數(shù)組字面量方式創(chuàng)建帶初始值的數(shù)組 var 數(shù)組名 = ['小白', '小黑','大黃', '瑞奇']; //聲明數(shù)組并賦值稱為數(shù)組的初始化
- 數(shù)組元素的類型
數(shù)組中可以存放任意類型的數(shù)據(jù)，例如字符串，數(shù)字，布爾值等，例如：
var arrStus = ['小白',12,true,28.9];獲取數(shù)組中的元素
數(shù)組可以通過索引來訪問、設(shè)置、修改對應(yīng)的數(shù)組元素，可以通過數(shù)組名[索引]的形式來獲取數(shù)組中的元素。
索引(下標(biāo)) ：用來訪問數(shù)組元素的序號(數(shù)組下標(biāo)從0開始)
- 舉個例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>數(shù)據(jù)類型</title><script>var mylist = [1, "山羊", true];for (item = 0; item < mylist.length; item++) {console.log("第" + item + "項為:" + mylist[item]);}</script></head><body></body></html>控制臺：
注意，如果訪問時數(shù)組沒有和索引值對應(yīng)的元素，則得到的值是undefined。
數(shù)組的length屬性
數(shù)組的長度，默認(rèn)情況下為數(shù)組中元素的個數(shù)，使用數(shù)組名.length可以訪問數(shù)組元素的數(shù)量(數(shù)組長度)。
var arrStus = [1,2,3]; alert(arrStus.length); // 3當(dāng)我們數(shù)組里面的元素個數(shù)發(fā)生了變化，這個 length屬性跟著一起變化；
如果設(shè)置的length屬性值大于數(shù)組的元素個數(shù)，則會在數(shù)組末尾出現(xiàn)空白元素；
如果設(shè)置的length屬性值小于數(shù)組的元素個數(shù)，則會把超過該值的數(shù)組元素刪除。
- 舉個例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>數(shù)據(jù)類型</title><script>var mylist = [1, "山羊", true];mylist.length = 5;console.log(mylist);mylist[4] = 'Y';console.log(mylist);mylist.length = 2;console.log(mylist);</script></head><body></body></html>控制臺：
- 在數(shù)組中新增元素
數(shù)組中可以通過以下方式在數(shù)組的末尾插入新元素：
數(shù)組[數(shù)組.length] = 新數(shù)據(jù);總結(jié)
以上是生活随笔為你收集整理的JavaScript入门(part8)--数组的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaScript入门(part7)-
- 下一篇： 日立空调售后电话