Javascrip基礎(chǔ)之for循環(huán)和數(shù)組
循環(huán)-for
for循環(huán)基本使用
for循環(huán)語法:重復(fù)執(zhí)行代碼
好處:把聲明起始值、循環(huán)條件、變化值寫到一起,讓人一目了然
for (變量起始值;循環(huán)條件;變量更新) {
循環(huán)體
}
for循環(huán)和while循環(huán)的區(qū)別:
- 當(dāng)如果明確了循環(huán)的次數(shù)的時(shí)候推薦使用for循環(huán)
- 當(dāng)不明確循環(huán)的次數(shù)的時(shí)候推薦使用while循環(huán)
退出循環(huán)
循環(huán)結(jié)束:
continue:結(jié)束本次循環(huán),繼續(xù)下次循環(huán)break:跳出所在的循環(huán)
循環(huán)嵌套
一個(gè)循環(huán)里再套一個(gè)循環(huán),一般用在for循環(huán)里
for (變量起始值;循環(huán)條件;變量更新) {
for (變量起始值;循環(huán)條件;變量更新) {
循環(huán)體
}
}
數(shù)組
數(shù)組是什么
數(shù)組(Array)是一種可以按順序保存數(shù)據(jù)的數(shù)據(jù)類型
數(shù)組的基本使用
聲明語法
let 數(shù)組名 = [數(shù)據(jù)1, 數(shù)據(jù)2, ..., 數(shù)據(jù)n]
1數(shù)組是按順序保存,所以每個(gè)數(shù)據(jù)都有自己的編號(hào)
2.計(jì)算機(jī)中的編號(hào)從0開始,以此類推
3.在數(shù)組中,數(shù)據(jù)的編號(hào)也叫索引或下標(biāo)
4.數(shù)組可以存儲(chǔ)任意類型的數(shù)據(jù)
取值語法
數(shù)組名[下標(biāo)]
1.通過下標(biāo)取數(shù)據(jù)
2.取出來是什么類型的,就根據(jù)這種類型特點(diǎn)來訪問
一些術(shù)語
- 元素:數(shù)組中保存的每個(gè)數(shù)據(jù)都叫數(shù)組元素
- 下標(biāo):數(shù)組中數(shù)據(jù)的編號(hào)
- 長度:數(shù)組中數(shù)據(jù)的個(gè)數(shù),通過數(shù)組的length屬性獲得
數(shù)組名.length
遍歷數(shù)組
用循環(huán)把數(shù)組中每個(gè)元素都訪問到,一般會(huì)用for循環(huán)遍歷
for (let i = 0; i < 數(shù)組名.length; i++) {
數(shù)組名[i]
}
操作數(shù)組
數(shù)組本質(zhì)是數(shù)據(jù)集合, 操作數(shù)據(jù)無非就是 增 刪 改 查 語法
1.查: 查詢數(shù)組數(shù)據(jù),或者我們稱為訪問數(shù)組數(shù)據(jù) 數(shù)組[下標(biāo)]
2.改: 重新賦值 數(shù)組[下標(biāo)] = 新值
3.增: 數(shù)組添加新的數(shù)據(jù)
- arr.push (新增的內(nèi)容)
- arr.unshift (新增的內(nèi)容)
4.刪: 刪除數(shù)組中數(shù)據(jù)
- arr.pop()
- arr.shift()
- arr.splice (操作的下標(biāo),刪除的個(gè)數(shù))
數(shù)組增加新的數(shù)據(jù)
數(shù)組.push()?方法將一個(gè)或多個(gè)元素添加到數(shù)組的末尾,并返回該數(shù)組的新長度?(重點(diǎn))
arr.push(元素1, 元素2, ..., 元素n)
arr.unshift(新增的內(nèi)容)?方法將一個(gè)或多個(gè)元素添加到數(shù)組的開頭,并返回該數(shù)組的新長度
arr.unshift(元素1, 元素2, ..., 元素n)
數(shù)組刪除元素
數(shù)組. pop()?方法從數(shù)組中刪除最后一個(gè)元素,并返回該元素的值
arr.pop()
數(shù)組. shift()?方法從數(shù)組中刪除第一個(gè)元素,并返回該元素的值
arr.shift()
數(shù)組. splice()?方法 刪除指定元素(重點(diǎn))
arr.splice(start, deleteCount) arr.splice(起始位置, 刪除幾個(gè)元素)
start 起始位置:
指定修改的開始位置(從0計(jì)數(shù)) deleteCount:
表示要移除的數(shù)組元素的個(gè)數(shù)
可選的。 如果省略則默認(rèn)從指定的起始位置刪除到最后
刪除元素的使用場景:
隨機(jī)抽獎(jiǎng),中獎(jiǎng)的用戶就需要從數(shù)組里面刪除,不允許重復(fù)抽獎(jiǎng)
點(diǎn)擊刪除按鈕,相關(guān)的數(shù)據(jù)會(huì)從商品數(shù)據(jù)中刪除
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
javascript代碼運(yùn)行不出來執(zhí)行錯(cuò)誤的可能情況整理
js代碼運(yùn)行不出來的情況在項(xiàng)目中經(jīng)常發(fā)生,究竟是什么原因呢?在本文整理了一些常見的情況,感興趣的各位朋友可以參考下2013-10-10
Javascript 學(xué)習(xí)筆記之 對(duì)象篇(二) : 原型對(duì)象
Javascript 并沒有類繼承模型,而是使用原型對(duì)象 prototype 進(jìn)行原型式繼承。盡管人們經(jīng)常將此看做是 Javascript 的一個(gè)缺點(diǎn),然而事實(shí)上,原型式繼承比傳統(tǒng)的類繼承模型要更加強(qiáng)大。舉個(gè)例子,在原型式繼承頂端構(gòu)建一個(gè)類模型很簡單,然而反過來則是個(gè)困難得多的任務(wù)。2014-06-06
詳解JavaScript正則表達(dá)式中的global屬性的使用
這篇文章主要介紹了詳解JavaScript正則表達(dá)式中的global屬性的使用,是JS學(xué)習(xí)進(jìn)階中的重要知識(shí)點(diǎn),需要的朋友可以參考下2015-06-06
淺談JavaScript的內(nèi)置對(duì)象和瀏覽器對(duì)象
下面小編就為大家?guī)硪黄獪\談JavaScript的內(nèi)置對(duì)象和瀏覽器對(duì)象。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06

