ホームページ > ウェブフロントエンド > jsチュートリアル > 不規則な多次元配列の JS トラバーサル方法のまとめ

不規則な多次元配列の JS トラバーサル方法のまとめ

php中世界最好的语言
リリース: 2018-05-09 10:44:03
オリジナル
2033 人が閲覧しました

今回は、JS で不規則な多次元配列をトラバースする方法についてまとめました。JS で不規則な多次元配列をトラバースする際の注意事項は何ですか?実際のケースを見てみましょう。

本文に直接移動:

データを処理するときに、不規則性 (予測できないデータ構造) が発生することがあります。このような種類のデータを取得した場合、トラバーサル操作をどのように実行すればよいでしょうか?例:

var data= {
    a: { one: 1, two: 2, three: {four:'2',five:'4'} },
    b: { six: 4, seven: 5, eight: 6 },
    c: { nine: 7, ten: 8}
}
ログイン後にコピー

たとえば、上記のデータ (実際には、このデータにはさまざまな予測不可能な変化があります)、この種のデータを走査したい場合、単純な for in では走査できません。

実際、この種のデータトラバーサルも再帰的メソッドを使用することで完全に解決できます

コードは次のとおりです:

function traverse(obj) {
    for (var a in obj) {
      if (typeof(obj[a]) == "object") {
        traverse(obj[a]); //递归遍历
      } else {
        console.log(a + "=" + obj[a]); //如果是值就显示
      }
    }
}
traverse(data)
ログイン後にコピー

最後に、このメソッドを呼び出して obj を渡すだけです。データ全体が正常に走査されます

この例の結果は次のとおりです:

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、次の関連記事を参照してください。 PHP中国語ウェブサイトです!

推奨読書:

jquery の filter() メソッドの詳細な説明

Vue.js の計算ユースケースの詳細な説明

以上が不規則な多次元配列の JS トラバーサル方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート