Jsonの中身を乱数によって取り出したい。

Question

JavaScriptでJsonに格納されているデータを取得したい。
が、途中でundefinedとなってしまい、立ち行かなくなってしまった。

実現したいこと

複数存在するデータの中からランダムに取り出したいので、regionの数を取得して、
その数の乱数を出力し、対応するデータの中身を取り出したい。

発生している問題・エラーメッセージ

const max = num.region.length
                             ^
TypeError: Cannot read property 'length' of undefined

該当のソースコード

const dummy = require("./dummy,json");
const num =dummy.hoge.filter(function(item, index){
     if(item.no == "001") return true;
   });
    for( var i = 0; i < num.length; i++ ){
      console.log(JSON.stringify(num[i].date));
      const p = JSON.stringify(num[i].date);
      const max = num.region//.length
      const array = []
      console.log(max);
      
      array.push(Math.floor(Math.random() * max) + 1);
      
      const regclass = num.filter(function(item, index){
     if(num.region == num + array) return true; 
   });
      console.log(regclass);
    }

{
  "hoge":[
    {
      "no":"001",
      "date":[
        {
          "region":"001-1",
          "detail":{
            "name":"タナカ",
            "type":"C",
            "weight":"40kg",
            "height":"177m",
          },
          "region":"001-2",
          "detail":{
            "name":"ヨシダ",
            "type":"C",
            "weight":"53kg",
            "height":"164m",
          },
          "region":"001-3",
          "detail":{
            "name":"サトウ",
            "type":"C",
            "weight":"70kg",
            "height":"180m",
          }
        }
      ]
    }
  ]
}

試したこと

Json内の[]を外し、動作を確認。
num[i].date.regionでも同様にエラーが出るので、そもそもjsonに理解が足りていない気がするのですが、検索してもそれらしい答えに辿り着けず…。

補足情報（FW/ツールのバージョンなど）

node v12

追記. 10/22 20:10

指摘された通り、JSONに対する理解不足で詰まってました。
解決致しましたので、質問箇所以外のコードについても丁寧に指摘いただいた方をBAとして閉めさせていただきます。
ありがとうございました。

Comments

[int32_t]

例示されているJSONは .hoge[0].date[0] の1つのオブジェクトに region プロパティと detail プロパティが3つずつあっておかしいですね。

[dice.]

コメントありがとうございます。
１つのオブジェクトに入っている場合、後から指定されたもので上書きされるのですね…。
シンプルに勉強不足でした、ありがとうございます。

Answer 1

特定のオブジェクトの中に同じキーを指定するとあとから指定したもので上書きされます

const obj={a:1,b:2,a:3,b:4,a:5,b:6};
console.log(obj); // {a:5,b:6}

おそらくjsonデータの作り方が間違えているのでしょう。
もしこんなふうなjsonデータとしたらregionはこうやって得てください

const json={
  "hoge":[
    {
      "no":"001",
      "date":[
        {
          "region":"001-1",
          "detail":{
            "name":"タナカ",
            "type":"C",
            "weight":"40kg",
            "height":"177m",
          }
        },{
          "region":"001-2",
          "detail":{
            "name":"ヨシダ",
            "type":"C",
            "weight":"53kg",
            "height":"164m",
          }
        },{
          "region":"001-3",
          "detail":{
            "name":"サトウ",
            "type":"C",
            "weight":"70kg",
            "height":"180m",
          }
        }
      ]
    }
  ]
}
const getAllValues=(x)=>{
  var ret=[];
  Object.entries(x).forEach(y=>{
    if(y[1] instanceof Object){
      ret=ret.concat(getAllValues(y[1]));
    }else{
      ret.push(y);
    }
  });
  return ret;
};
console.log(getAllValues(json).filter(x=>x[0]=="region").map(x=>x[1]));

Comments

[dice.]

実例付きでjsonのオブジェクトについて解説いただき、ありがとうございます。
jsonの理解不足で煮詰まっていたので、勉強不足を痛感します。
提示していただいたコードを用いて、正しく動作しました。ありがとうございました。

Answer 2

不具合の原因

• JSONは一定の法則性によって書かれたただの文字列です。基本的にJSONデータを取得してきたら、JavaScriptで利用できるようにすぐに展開します。
  • JSON.parse(jsonの文字列)： これでJSON形式の文字列が→JSのオブジェクトに変換されます。
  • JSON.stringify(JSのオブジェクト)： これでJSのオブジェクト→JSON形式の文字列に変換されます。
  • 質問者様は文字列化してしまっていますので、オブジェクトではありませんから、正常に動作しません。
• 提示されているダミーのオブジェクトの構造がおかしいです。
  • data: [{region, detail, region, detail, region, detail}]となっているので、最後に書いたもので上書きされているだけです。（つまりregion 001-3の内容とそのdetailしか残っていない。）
  • data: [{region, detail}, {region, detail}, {region, detail}]と修正しました。
  • 不具合の原因ではないですが、表現として気になったのは、date（日付）じゃなくてdata（データ）に変更させていただきました。
• 不具合の原因ではないですが、無駄なのが、for( var i = 0; i < num.length; i++ )で繰り返し処理をしていることです。
  • no: '001'は1つしかないと思うので、numのlengthは1です。
  • それともno: '001'が何個も存在するのでしょうか？今のところこのナンバーはIDのような固有番号だと解釈しています。
• 乱数を生成する時にMath.floor(Math.random() * max) + 1と、最後に+1をしていますが、
  • これでは最小値が1・最大値が3になってしまいます。
  • dataはlengthが3、つまりインデックスは0〜2なので、3は範囲外です。
  • +1を削除して乱数の範囲が最小値が0・最大値が2になるようにしましょう。

コード例

動作確認用サンプル：https://jsfiddle.net/tdL491nu/

// const json = require("./dummy.json"); // コンマjsonじゃなくてドットjsonです
const json = `{
  "hoge":[
    {
      "no":"001",
      "data":[
        {
          "region":"001-1",
          "detail":{
            "name":"タナカ",
            "type":"C",
            "weight":"40kg",
            "height":"177m"
          }
        },
        { 
          "region":"001-2",
          "detail":{
            "name":"ヨシダ",
            "type":"C",
            "weight":"53kg",
            "height":"164m"
          }
        },
        {
          "region":"001-3",
          "detail":{
            "name":"サトウ",
            "type":"C",
            "weight":"70kg",
            "height":"180m"
          }
        }
      ]
    }
  ]
}`;
const dummy = JSON.parse(json); // JSONデータを展開するならこの時点でする

const num = dummy.hoge.filter(obj => obj.no === '001');
// [{no: '001', data; [{...}, {...}, [...}]}]

const data = num[0].data;
// [{...}, {...}, [...}]

const randomIdx = Math.floor(Math.random() * data.length);
// 0〜2

const result = data[randomIdx];
console.log(result);
// 例 {region: '001-2', detail: {…}}

Comments

[dice.]

回答ならびに、丁寧に解説していただきありがとうございます。
例示いただいたコードを用いて実装したかったことが実現出来そうです。

また、質問事項以外の部分も懇切丁寧に指摘いただいて痛み入ります。
大変勉強になりました。