欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascrip基礎(chǔ)之for循環(huán)和數(shù)組

 更新時(shí)間:2021年12月09日 15:59:33   作者:端端1023  
這篇文章主要為大家介紹了Javascrip之for循環(huán)和數(shù)組,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助

循環(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)代碼

    這篇文章主要介紹了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的操作方法(推薦)

    這篇文章主要介紹了原生JavaScript來(lái)實(shí)現(xiàn)對(duì)dom元素class的操作方法,提供了代碼toggleClass的測(cè)試?yán)樱唧w操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。
    2017-08-08
  • JavaScript中的跨瀏覽器事件操作的基本方法整理

    JavaScript中的跨瀏覽器事件操作的基本方法整理

    首先值得說一下,在事件處理、事件對(duì)象、阻止事件的傳播等方法或?qū)ο蟠嬖谥鵀g覽器兼容性問題,開發(fā)過程中最好編寫成一個(gè)通用的事件處理工具,嗯,接下來(lái)我們一起來(lái)看一下JavaScript中的跨瀏覽器事件操作的基本方法整理
    2016-05-05
  • 深入學(xué)習(xí)JavaScript中的原型prototype

    深入學(xué)習(xí)JavaScript中的原型prototype

    這篇文章主要介紹了深入學(xué)習(xí)JavaScript中的原型prototype,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-08-08
  • JavaScript中原型和原型鏈詳解

    JavaScript中原型和原型鏈詳解

    這篇文章主要介紹了JavaScript中原型和原型鏈詳解,本文講解了私有變量和函數(shù)、靜態(tài)變量和函數(shù)、實(shí)例變量和函數(shù)、原型和原型鏈的基本概念,需要的朋友可以參考下
    2015-02-02
  • 詳解JavaScript中setSeconds()方法的使用

    詳解JavaScript中setSeconds()方法的使用

    這篇文章主要介紹了詳解JavaScript中setSeconds()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-06-06
  • BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--JavaScript篇

    BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--JavaScript篇

    很多面試題是我自己面試BAT親身經(jīng)歷碰到的。整理分享出來(lái)希望更多的前端er共同進(jìn)步吧,不僅適用于求職者,對(duì)于鞏固復(fù)習(xí)js更是大有裨益
    2014-10-10
  • JavaScript在XHTML中的用法詳解

    JavaScript在XHTML中的用法詳解

    下面的代碼在HTML中是有效的,但在XHTML中則是無(wú)效的接下來(lái)為大家介紹下JavaScript在XHTML中的用法,感興趣的朋友可以參考下哈
    2013-04-04
  • 淺談JavaScript中的字符編碼轉(zhuǎn)換問題

    淺談JavaScript中的字符編碼轉(zhuǎn)換問題

    這篇文章主要介紹了淺談JavaScript中的字符編碼轉(zhuǎn)換問題,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-07-07
  • 淺談JavaScript的Polymer框架中的事件綁定

    淺談JavaScript的Polymer框架中的事件綁定

    這篇文章主要介紹了淺談JavaScript的Polymer框架中的事件綁定,Polymer是由Google開發(fā)的針對(duì)Web UI的框架,需要的朋友可以參考下
    2015-07-07

最新評(píng)論