Q&A
ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。
いつもお世話になっております。現在、フォームで入力された値を、javascript内でjsonに変換しようとしています。
fields_forを利用している、複数行入力する複雑なフォームのため、なかなかスムーズに望んだ形のjsonを作成することができず、苦戦しています。
以下の、①のformの値を②のjson文字列に変換したいです。
いろいろと挑戦してみましたが、上手く行かないのでご教示頂きたいです。
<script> $(function(){ $('form').on('submit',function(){ var data = $('form').serializeArray(); jsondata = (JSON.stringify(data)); }); }); </script> ①jsondataの中身 ↓ [ { "name": "utf8", "value": "✓" }, { "name": "_method", "value": "create" }, { "name": "day", "value": "20180508" }, //mukiからrowcommonvalueまでが１行目のフォームのデータ { "name": "model[][muki]", "value": "1" }, { "name": "model[][rowno]", "value": "1" }, { "name": "model[][code]", "value": "10" }, { "name": "model[][hissuvalue]", "value": "100" }, { "name": "model[][muki]", "value": "0" }, { "name": "model[][rowno]", "value": "1" }, { "name": "model[][code]", "value": "20" }, { "name": "model[][hissuvalue]", "value": "50" }, { "name": "commonmodel[][rowcommonvalue]", "value": "1" }, //mukiからrowcommonvalueまでが２行目のフォームのデータ { "name": "model[][muki]", "value": "1" }, { "name": "model[][rowno]", "value": "2" }, { "name": "model[][code]", "value": "" }, { "name": "model[][hissuvalue]", "value": "" }, { "name": "model[][muki]", "value": "0" }, { "name": "model[][rowno]", "value": "2" }, { "name": "model[][code]", "value": "30" }, { "name": "model[][hissuvalue]", "value": "50" }, { "name": "commonmodel[][rowcommonvalue]", "value": "2" } ]
②以下のようなjsonにしたいです。
- 要件としては、muki~hissuvalueまでを一つのjsonとして、各行を２つのjsonに分解する。
- rowcommonvalueはその行に同じ値を振る
- dayは全てのjsonに同じ値を振る
- hissuvalueが空欄の場合、その部分のjsonは作成しない
[ { "muki": "1", "rowno": "1", "code": "10", "hissuvalue": "100", "day": "20180508", "rowcommonvalue": "1", }, { "muki": "0", "rowno": "1", "code": "20", "hissuvalue": "50", "day": "20180508", "rowcommonvalue": "1", }, { "muki": "0", "rowno": "2", "code": "30", "hissuvalue": "50", "day": "20180508", "rowcommonvalue": "2", } ]
仰るとおりでした。各フォームのinput要素を絞り込んでぐるぐる回して処理する所までは出来ましたが、共通要素を既存のjsonにいれ込む方法がわかりませんでした。 今回はyambejpさんが回答してくださった方法で実装したいと思います。次回以降は細かく質問文に記載致します。ありがとうございました。
回答1件
0
ベストアンサー
なんかやりようがありそうな気はしますが
とりあえず地道に冗長に・・・
javascript
1var a=[ 2 {"name": "utf8","value": "?"}, 3 {"name": "_method","value": "create"}, 4 {"name": "day","value": "20180508"}, 5 {"name": "model[][muki]","value": "1"}, 6 {"name": "model[][rowno]","value": "1"}, 7 {"name": "model[][code]","value": "10"}, 8 {"name": "model[][hissuvalue]","value": "100"}, 9 {"name": "model[][muki]","value": "0"}, 10 {"name": "model[][rowno]","value": "1"}, 11 {"name": "model[][code]","value": "20"}, 12 {"name": "model[][hissuvalue]","value": "50"}, 13 {"name": "commonmodel[][rowcommonvalue]","value": "1"}, 14 {"name": "model[][muki]","value": "1"}, 15 {"name": "model[][rowno]","value": "2"}, 16 {"name": "model[][code]","value": ""}, 17 {"name": "model[][hissuvalue]","value": ""}, 18 {"name": "model[][muki]","value": "0"}, 19 {"name": "model[][rowno]","value": "2"}, 20 {"name": "model[][code]","value": "30"}, 21 {"name": "model[][hissuvalue]","value": "50"}, 22 {"name": "commonmodel[][rowcommonvalue]","value": "2"} 23]; 24var b=[]; 25var c=-1; 26var d=a.filter(function(x){ 27 return x["name"]=="day"; 28}).map(function(x){ 29 return x["value"]; 30})[0]; 31a.forEach(function(x){ 32 var n=x["name"]; 33 var reg=new RegExp("^model\[\]\[(.+?)\]$"); 34 if(r=n.match(reg)){ 35 if(b.length==0 || typeof b[c][r[1]]!=="undefined"){ 36 c++; 37 b[c]={}; 38 b[c]["day"]=d; 39 } 40 b[c][r[1]]=x["value"]; 41 } 42 var reg=new RegExp("^commonmodel\[\]\[(.+?)\]$"); 43 if(r=n.match(reg)){ 44 b.forEach(function(y){ 45 if(typeof y[r[1]]=="undefined") y[r[1]]=x["value"]; 46 }); 47 48 } 49}); 50console.log(b); 51
投稿2018/05/08 12:19
総合スコア114968
回答ありがとうございます！
javascriptの知識が薄いもので、こういった実装もどのようにコードに落とし込んでいいのかわかりませんでした。
大変勉強になりました。ありがとうございました。
あなたの回答
tips
プレビュー
