javascript - 推送到数组的数据不会保留在数组中

Question

JS/jQuery 有一个奇怪的问题。当我将数据从 while 循环推送到数组中时，数据将成为循环的本地数据。

忽略这样一个事实:如果我移动 console.log(bxStore);，我的代码几乎无法工作。进入我的文档 Ready {} 或 while 循环下方的任何位置，它显示为未定义。

var bxRegEx =  new RegExp(/[b][x]\d*[y]\d*[w]\d*[h]\d*/) //identifier 

expression

function bxCycle(){ //cycle html for indbx identifiers
    var cycle = 0
    var bxIdGet = document.getElementsByTagName('div')[cycle].outerHTML

    var bxStore = new Array()
    while (bxRegEx.test(bxIdGet)){
        bxStore.push(bxRegEx.exec(bxIdGet))
        cycle++
        bxIdGet = document.getElementsByTagName('div')[cycle].outerHTML
    console.log(bxStore)
    }
}

$(document).ready(function(){
    bxCycle()

})

https://codepen.io/anon/pen/wrRVKw?editors=1112

编辑:伙计们，这似乎不是变量作用域问题，我的示例确实在函数内显示了它，但是当在外部声明它时，我遇到了同样的问题。

Answer 1

我看过你的代码笔。正确的代码如下:

function bxCycle(){ //cycle html for indbx identifiers
    var bxRegEx =  /bx\d*y\d*w\d*h\d*/i //identifier expression
    var bxStore = new Array();
    for (i in document.getElementsByTagName('div')) {
        if (bxRegEx.test(i)){
            bxStore.push(bxRegEx.exec(i))
        }
    }
    return bxStore
}

$(document).ready(function(){
    console.log(bxCycle())
})