Javascrip基礎(chǔ)之for循環(huán)和數(shù)組
循環(huán)-for
for循環(huán)基本使用
for循環(huán)語法:重復執(zhí)行代碼
好處:把聲明起始值、循環(huán)條件、變化值寫到一起,讓人一目了然
for (變量起始值;循環(huán)條件;變量更新) {
循環(huán)體
}
for循環(huán)和while循環(huán)的區(qū)別:
- 當如果明確了循環(huán)的次數(shù)的時候推薦使用for循環(huán)
- 當不明確循環(huán)的次數(shù)的時候推薦使用while循環(huán)
退出循環(huán)
循環(huán)結(jié)束:
continue:結(jié)束本次循環(huán),繼續(xù)下次循環(huán)break:跳出所在的循環(huán)
循環(huán)嵌套
一個循環(huán)里再套一個循環(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ù)組是按順序保存,所以每個數(shù)據(jù)都有自己的編號
2.計算機中的編號從0開始,以此類推
3.在數(shù)組中,數(shù)據(jù)的編號也叫索引或下標
4.數(shù)組可以存儲任意類型的數(shù)據(jù)
取值語法
數(shù)組名[下標]
1.通過下標取數(shù)據(jù)
2.取出來是什么類型的,就根據(jù)這種類型特點來訪問
一些術(shù)語
- 元素:數(shù)組中保存的每個數(shù)據(jù)都叫數(shù)組元素
- 下標:數(shù)組中數(shù)據(jù)的編號
- 長度:數(shù)組中數(shù)據(jù)的個數(shù),通過數(shù)組的length屬性獲得
數(shù)組名.length
遍歷數(shù)組
用循環(huán)把數(shù)組中每個元素都訪問到,一般會用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ù)組[下標]
2.改: 重新賦值 數(shù)組[下標] = 新值
3.增: 數(shù)組添加新的數(shù)據(jù)
- arr.push (新增的內(nèi)容)
- arr.unshift (新增的內(nèi)容)
4.刪: 刪除數(shù)組中數(shù)據(jù)
- arr.pop()
- arr.shift()
- arr.splice (操作的下標,刪除的個數(shù))
數(shù)組增加新的數(shù)據(jù)
數(shù)組.push()?方法將一個或多個元素添加到數(shù)組的末尾,并返回該數(shù)組的新長度?(重點)
arr.push(元素1, 元素2, ..., 元素n)
arr.unshift(新增的內(nèi)容)?方法將一個或多個元素添加到數(shù)組的開頭,并返回該數(shù)組的新長度
arr.unshift(元素1, 元素2, ..., 元素n)
數(shù)組刪除元素
數(shù)組. pop()?方法從數(shù)組中刪除最后一個元素,并返回該元素的值
arr.pop()
數(shù)組. shift()?方法從數(shù)組中刪除第一個元素,并返回該元素的值
arr.shift()
數(shù)組. splice()?方法 刪除指定元素(重點)
arr.splice(start, deleteCount) arr.splice(起始位置, 刪除幾個元素)
start 起始位置:
指定修改的開始位置(從0計數(shù)) deleteCount:
表示要移除的數(shù)組元素的個數(shù)
可選的。 如果省略則默認從指定的起始位置刪除到最后
刪除元素的使用場景:
隨機抽獎,中獎的用戶就需要從數(shù)組里面刪除,不允許重復抽獎
點擊刪除按鈕,相關(guān)的數(shù)據(jù)會從商品數(shù)據(jù)中刪除
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
MVC+Layui彈出表單模態(tài)框的實現(xiàn)代碼
這篇文章主要介紹了MVC+Layui彈出表單模態(tài)框的實現(xiàn)代碼,本文結(jié)合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
原生JavaScript來實現(xiàn)對dom元素class的操作方法(推薦)
這篇文章主要介紹了原生JavaScript來實現(xiàn)對dom元素class的操作方法,提供了代碼toggleClass的測試例子,具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08
詳解JavaScript中setSeconds()方法的使用
這篇文章主要介紹了詳解JavaScript中setSeconds()方法的使用,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--JavaScript篇
很多面試題是我自己面試BAT親身經(jīng)歷碰到的。整理分享出來希望更多的前端er共同進步吧,不僅適用于求職者,對于鞏固復習js更是大有裨益2014-10-10

