jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）-jsチュートリアル-php.cn

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）

青灯夜游

リリース： 2018-10-16 14:00:28

オリジナル

5207 人が閲覧しました

js 配列をトラバースするにはどうすればよいですか?この記事では、js が 1 次元配列を走査する方法を紹介し、js で 1 次元配列を走査する 3 つの方法を説明します。困っている友人は参考にしていただければ幸いです。

js における 1 次元の配列トラバーサルは、基本的に、for、forin、foreach、forof、map などのメソッドを使用して実装できます。以下では、3 種類の配列トラバーサル (for、forin、メソッドの実装方法を簡単なコード例で説明します。

js で for ループを使用する配列を走査する
##

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <script type="text/javascript">
            var arr = [11, 22, 33, 55];
            //普通的循环遍历方式
            function first() {
                for(var i = 0; i < arr.length; i++) {
                    console.log("arr[" + i + "]：" + arr[i]);
                }
            }
        </script>
        <input type="button" value="for循环遍历" name="aa" onclick="first();" /><br/>
    </body>
</html>

ログイン後にコピー

レンダリング (走査結果):

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）

簡単な説明:

for ループは、最も単純な走査方法であり、最も頻繁に使用される走査方法です。

js のループで for を使用する配列を走査する

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <script type="text/javascript">
            var arr = [11, 22, 33, 55];
            //for ..in循环遍历方式
            function second() {
                for(var index in arr) {
                    console.log("arr[" + index + "]：" + arr[index]);
                }
            }
        </script>
        <input type="button" value="for...in遍历" name="aa" onclick="second();" /><br/>
    </body>
</html>

ログイン後にコピー

レンダリング (走査結果):

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説） #簡単な説明:

for...in ループには、配列を走査するために 2 つの仮パラメータが必要です。index は配列の添字を表し (カスタマイズ可能)、arr はトラバーサル配列を表します。

for...in ループは多くの人が好んで使用する手法ですが、実際、分析とテストの結果、多くのループ走査手法の中でその効率が最も低いことが判明しました。

js での foreach ループの使用配列の走査

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <script type="text/javascript">
            var arr = [11, 22, 33, 55];
 
            //很鸡肋的遍历方式---forEach
            function third() {
                arr.forEach(function(ele, index) {
                    console.log("arr[" + index + "]：" + ele);
                });
 
            }
        </script>
        <input type="button" value="forEach循环遍历" name="aa" onclick="third();" /><br/>
    </body>
 
</html>