JS を操作して多次元配列を走査する方法

php中世界最好的语言
リリース: 2018-06-14 14:50:09
オリジナル
3721 人が閲覧しました

今回は、多次元配列を走査するための JS の操作方法と、多次元配列を走査するための JS を操作するための注意点について説明します。以下は実際的なケースです。 z

本文に直接移動:

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

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中国語ウェブサイトです!

推奨読書:

パラメータを使用した JS コールバック関数

iview の UI フレームワークを使用してプレーヤーをカスタマイズする

以上がJS を操作して多次元配列を走査する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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