Javascrip基礎之for循環和數組

Posted on by

循環-for

for循環基本使用

for循環語法：重復執行代碼

好處：把聲明起始值、循環條件、變化值寫到一起，讓人一目瞭然

   for (變量起始值;循環條件;變量更新) {
     循環體
   }

for循環和while循環的區別：

  • 當如果明確瞭循環的次數的時候推薦使用for循環
  • 當不明確循環的次數的時候推薦使用while循環

退出循環

循環結束：

  • continue：結束本次循環，繼續下次循環
  • break：跳出所在的循環

循環嵌套

一個循環裡再套一個循環，一般用在for循環裡

    for (變量起始值;循環條件;變量更新) {
      for (變量起始值;循環條件;變量更新) {
        循環體
      }
    }

數組

數組是什麼

數組(Array)是一種可以按順序保存數據的數據類型

數組的基本使用

聲明語法

let 數組名 = [數據1, 數據2, ..., 數據n]

1數組是按順序保存，所以每個數據都有自己的編號

2.計算機中的編號從0開始，以此類推

3.在數組中，數據的編號也叫索引或下標

4.數組可以存儲任意類型的數據

取值語法

數組名[下標]

1.通過下標取數據

2.取出來是什麼類型的，就根據這種類型特點來訪問

一些術語

  • 元素：數組中保存的每個數據都叫數組元素
  • 下標：數組中數據的編號
  • 長度：數組中數據的個數，通過數組的length屬性獲得
數組名.length

遍歷數組

用循環把數組中每個元素都訪問到,一般會用for循環遍歷

    for (let i = 0; i < 數組名.length; i++) {
      數組名[i]
    }

操作數組

數組本質是數據集合, 操作數據無非就是 增 刪 改 查 語法

1.查: 查詢數組數據,或者我們稱為訪問數組數據 數組[下標]

2.改: 重新賦值 數組[下標] = 新值

3.增: 數組添加新的數據

  • arr.push (新增的內容)
  • arr.unshift (新增的內容)

4.刪: 刪除數組中數據

  • arr.pop()
  • arr.shift()
  • arr.splice (操作的下標,刪除的個數)

數組增加新的數據

數組.push() 方法將一個或多個元素添加到數組的末尾，並返回該數組的新長度 (重點)

arr.push(元素1, 元素2, ..., 元素n)

arr.unshift(新增的內容) 方法將一個或多個元素添加到數組的開頭，並返回該數組的新長度

arr.unshift(元素1, 元素2, ..., 元素n)

數組刪除元素

數組. pop() 方法從數組中刪除最後一個元素，並返回該元素的值

arr.pop()

數組. shift() 方法從數組中刪除第一個元素，並返回該元素的值

arr.shift()

數組. splice() 方法 刪除指定元素(重點)

arr.splice(start, deleteCount)
arr.splice(起始位置, 刪除幾個元素)

start 起始位置:

指定修改的開始位置（從0計數） deleteCount:

表示要移除的數組元素的個數

可選的。 如果省略則默認從指定的起始位置刪除到最後

刪除元素的使用場景：

隨機抽獎，中獎的用戶就需要從數組裡面刪除，不允許重復抽獎

點擊刪除按鈕，相關的數據會從商品數據中刪除

總結

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!

推薦閱讀：