Javascrip基礎(chǔ)之for循環(huán)和數(shù)組
循環(huán)-for
for循環(huán)基本使用
for循環(huán)語(yǔ)法:重復(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ù)組的基本使用
聲明語(yǔ)法
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ù)
取值語(yǔ)法
數(shù)組名[下標(biāo)]
1.通過下標(biāo)取數(shù)據(jù)
2.取出來(lái)是什么類型的,就根據(jù)這種類型特點(diǎn)來(lái)訪問
一些術(shù)語(yǔ)
- 元素:數(shù)組中保存的每個(gè)數(shù)據(jù)都叫數(shù)組元素
- 下標(biāo):數(shù)組中數(shù)據(jù)的編號(hào)
- 長(zhǎng)度:數(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ù)無(wú)非就是 增 刪 改 查 語(yǔ)法
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ù)組的新長(zhǎng)度?(重點(diǎn))
arr.push(元素1, 元素2, ..., 元素n)
arr.unshift
(新增的內(nèi)容)?方法將一個(gè)或多個(gè)元素添加到數(shù)組的開頭,并返回該數(shù)組的新長(zhǎng)度
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)從指定的起始位置刪除到最后
刪除元素的使用場(chǎng)景:
隨機(jī)抽獎(jiǎng),中獎(jiǎng)的用戶就需要從數(shù)組里面刪除,不允許重復(fù)抽獎(jiǎng)
點(diǎn)擊刪除按鈕,相關(guān)的數(shù)據(jù)會(huì)從商品數(shù)據(jù)中刪除
總結(jié)
本篇文章就到這里了,希望能夠給你帶來(lái)幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
MVC+Layui彈出表單模態(tài)框的實(shí)現(xiàn)代碼
這篇文章主要介紹了MVC+Layui彈出表單模態(tài)框的實(shí)現(xiàn)代碼,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01原生JavaScript來(lái)實(shí)現(xiàn)對(duì)dom元素class的操作方法(推薦)
這篇文章主要介紹了原生JavaScript來(lái)實(shí)現(xiàn)對(duì)dom元素class的操作方法,提供了代碼toggleClass的測(cè)試?yán)樱唧w操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08深入學(xué)習(xí)JavaScript中的原型prototype
這篇文章主要介紹了深入學(xué)習(xí)JavaScript中的原型prototype,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-08詳解JavaScript中setSeconds()方法的使用
這篇文章主要介紹了詳解JavaScript中setSeconds()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--JavaScript篇
很多面試題是我自己面試BAT親身經(jīng)歷碰到的。整理分享出來(lái)希望更多的前端er共同進(jìn)步吧,不僅適用于求職者,對(duì)于鞏固復(fù)習(xí)js更是大有裨益2014-10-10