最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript數(shù)組塌陷實例解析

 更新時間:2023年05月23日 11:08:18   作者:陸榮濤  
這篇文章主要為大家介紹了JavaScript數(shù)組塌陷實例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

什么是數(shù)組塌陷

當數(shù)組執(zhí)行刪除單元操作時,被刪除單元,之后的單元,會前移,進而頂替被刪除單元,出現(xiàn)在被刪除單元的位置上,造成數(shù)組長度減少的情況,這樣的現(xiàn)象稱為數(shù)組的坍塌

// 需求: 要求刪除掉數(shù)組中的所有元素,但是要一個一個的刪除
// 定義一個數(shù)組
var arr = [3, 4, 44, 65, 56]
console.log('原始數(shù)組 : ', arr);
// 遍歷循環(huán)數(shù)組
for (var i = 0; i < arr.length; i++) {
    arr.splice(i, 1)
}
console.log('刪除后的數(shù)組 : ', arr);
/* 
    分析:
    代碼開始執(zhí)行這個時候
    i===0  arr = [3, 4, 44, 65, 56]
    arr.length = 5  結(jié)果是true
    arr.splice(0,1)
    i===1 arr = [4, 44, 65, 56]
    arr.length = 4  結(jié)果是true
    arr.splice(1,1)
    i===2 arr = [4, 65, 56]
    arr.length = 3  結(jié)果是true
    arr.splice(2,1)
    i===3 arr = [4, 65]
    arr.length = 2  結(jié)果是falses
    循環(huán)結(jié)束
*/

解決方案一:

我們循環(huán)的時候倒著循環(huán)

// 解決方案 方案一
var arr = [3, 4, 44, 65, 56]
console.log('原始數(shù)組 : ', arr);
// 遍歷循環(huán)數(shù)組
for (var i = arr.length - 1; i >= 0; i--) {
    arr.splice(i, 1)
}
console.log('刪除后的數(shù)組 : ', arr);
/*
    分析:
    代碼開始執(zhí)行;
    i === 4  arr = [3, 4, 44, 65, 56]
    這個時候4是大于0的  條件成立
    arr.splice(4,1)
    i === 3  arr = [3, 4, 44, 65]
    這個時候3也是大于0 的  條件成立
    arr.splice(3,1)
    i === 2  arr = [3, 4, 44]
    這個時候也是大于0 的  條件成立
    arr.splice(2,1)
    i === 1  arr = [3, 4]
    這個時候1也是大于0 的  條件成立
    arr.splice(1,1)
    i === 0  arr = [3]
    這個時候0是等于0 的  條件成立
    arr.splice(0,1)
    i === -1  arr = []
    這個時候-1不大于等于0 的  條件不成立
    循環(huán)結(jié)束
*/

解決方法二

就是每執(zhí)行一次刪除就執(zhí)行一次 i-- 操作

// 解決方案  方案二
var arr = [3, 4, 44, 65, 56]
console.log('原始數(shù)組 : ', arr);
// 遍歷循環(huán)數(shù)組
for (var i = 0; i < arr.length; i++) {
    arr.splice(i, 1)
    i--
}
console.log('刪除后的數(shù)組 : ', arr);
/*
    分析:
    代碼開始執(zhí)行
    i === 0  arr = [3, 4, 44, 65, 56]
    arr.length = 5  條件成立
    arr.splice(0, 1)
    這個時候執(zhí)行了 i--
    i === 0  arr = [4, 44, 65, 56]
    arr.length = 4  條件成立
    arr.splice(0, 1)
    i === 0  arr = [ 44, 65, 56]
    arr.length = 3  條件成立
    arr.splice(0, 1)
    i === 0  arr = [ 65, 56]
    arr.length = 2  條件成立
    arr.splice(0, 1)
    i === 0  arr = [ 56]
    arr.length = 1  條件成立
    arr.splice(0, 1)
    i === 0  arr = []
    arr.length = 0  條件不成立
    循環(huán)結(jié)束
*/

以上就是JavaScript數(shù)組塌陷實例解析的詳細內(nèi)容,更多關(guān)于JavaScript數(shù)組塌陷的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • 微信小程序?qū)崿F(xiàn)原生步驟條

    微信小程序?qū)崿F(xiàn)原生步驟條

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)原生步驟條,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • 一文詳解fetch,ajax,axios的區(qū)別以及使用

    一文詳解fetch,ajax,axios的區(qū)別以及使用

    在現(xiàn)代Web開發(fā)中,數(shù)據(jù)交互是必不可少的環(huán)節(jié),這篇文章主要介紹了fetch,ajax,axios的區(qū)別以及使用的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2025-07-07
  • JS?的繼承方式與使用場景對比分析

    JS?的繼承方式與使用場景對比分析

    本文介紹了JavaScript中六種主要的繼承實現(xiàn)方式及其適用場景,并推薦在現(xiàn)代項目中優(yōu)先使用ES6的class繼承,每種繼承方式都有其特點和適用范圍,選擇合適的繼承方式對于編寫清晰、高效的JavaScript代碼至關(guān)重要,感興趣的朋友一起看看吧
    2025-02-02
  • js實現(xiàn)鍵盤Enter鍵提交表單的方法

    js實現(xiàn)鍵盤Enter鍵提交表單的方法

    這篇文章主要介紹了js實現(xiàn)鍵盤Enter鍵提交表單的方法,涉及javascript鍵盤事件的相關(guān)操作技巧,需要的朋友可以參考下
    2015-05-05
  • JavaScript中new關(guān)鍵字的使用詳解

    JavaScript中new關(guān)鍵字的使用詳解

    在 JavaScript 中,new 關(guān)鍵字不僅是面向?qū)ο缶幊痰年P(guān)鍵要素,還是創(chuàng)建實例的重要手段,本文將深入探討 new 關(guān)鍵字的使用,理解它在對象創(chuàng)建和構(gòu)造函數(shù)調(diào)用中的作用,需要的朋友可以參考下
    2023-11-11
  • JS實現(xiàn)上傳圖片的三種方法并實現(xiàn)預(yù)覽圖片功能

    JS實現(xiàn)上傳圖片的三種方法并實現(xiàn)預(yù)覽圖片功能

    在用戶注冊頁面,需要用戶在本地選擇一張圖片作為頭像,并同時預(yù)覽,實現(xiàn)思路有兩種,具體實現(xiàn)方法和實例代碼大家參考下本文
    2017-07-07
  • 百度地圖api應(yīng)用標注地理位置信息(js版)

    百度地圖api應(yīng)用標注地理位置信息(js版)

    弄了一個百度地圖來標注地理位置信息,通過百度api來獲取地址。這地圖api是javascript版,感興趣的朋友可以了解下,或許對你有所幫助
    2013-02-02
  • html5 canvas 詳細使用教程

    html5 canvas 詳細使用教程

    本文主要對html5 canvas的使用進行了詳細的介紹。具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 前端Echarts自適應(yīng)分辨率和縮放功能代碼實例

    前端Echarts自適應(yīng)分辨率和縮放功能代碼實例

    ECharts提供了自適應(yīng)功能,可以自動調(diào)整圖表大小以適應(yīng)屏幕變化,下面這篇文章主要給大家介紹了關(guān)于前端Echarts自適應(yīng)分辨率和縮放功能的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-07-07
  • javascript實現(xiàn)下雨效果

    javascript實現(xiàn)下雨效果

    本文主要介紹了javascript實現(xiàn)下雨效果的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03

最新評論

惠东县| 抚宁县| 磴口县| 丽江市| 张家界市| 海林市| 磐石市| 陆良县| 惠来县| 武汉市| 堆龙德庆县| 得荣县| 大理市| 郧西县| 建昌县| 佛教| 云阳县| 九台市| 承德县| 东城区| 独山县| 浦城县| 葫芦岛市| 墨脱县| 平阳县| 石棉县| 宁城县| 张家港市| 甘孜县| 新源县| 漳平市| 监利县| 崇明县| 张家港市| 张家口市| 延吉市| 西华县| 宝山区| 汶川县| 琼海市| 昌图县|