JavaScript の楽しい質問: ループカウンター

フロントエンドチームの全員:

全員が自分がやっていることを最初に書き留めてください。新しい要求があります。

私たちのウェブサイトのトップページにある大きなカウンターは、ユーザーのソフトウェアのダウンロード数をカウントするカウンターです。

プロダクト マネージャーはそれを見て、よりユーザーフレンドリーに見せるためにいくつかの特殊効果を追加する必要があると感じました。

彼はすでに計画を立てています。それは、数字が正確な値の前で止まったときに円形のスクロール効果を与えるというものです。

これと同様:

タスクは次のとおりです:

カウント値 string に基づいて 2 次元配列 return を作成する関数を作成します。

例:

counterEffect("1250") // [[0,1],[0,1,2],[0,1,2,3,4,5],[0]] 
counterEffect("0050") // [[0],[0],[0,1,2,3,4,5],[0]] 
counterEffect("0000") // [[0],[0],[0],[0]]

例えば、"1250"、その最初の文字1は二次元配列の[0,1]に対応し、2番目の文字2、および[ 0,1,2]が対応します。

つまり、0から現在の文字までの過程で、すべての中間数値を配列に入力する必要があります。

アイデア:

これは非常に簡単です。文字列を左から右にトラバースし、現在の文字に基づいて 2 次元配列を生成し、それを 1 次元配列にプッシュします。

function counterEffect(hitCount) {
    var result = [];
    for(var i=0;i<hitCount.length;i++){
        var chr = hitCount.charAt(i);
        var num = chr - 0;
        var temp = [];
        for(var j=0;j<=num;j++){
            temp.push(j);
        }
        result.push(temp);
    }
    return result;
}

上記は JavaScript の興味深い質問: Loop Counter の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。