前提・実現したいこと
csvデータを2次元データにして、の列目の数字と検索した数字と一致していれば、同じ配列の4列目の値を抽出し、足し合わせることを各配列ごとに繰り返したいです。
例) 検索した数字が79だった場合、
1行目の配列に一致するのでその配列にある105200を抽出、その後2列目に79がないか検索を続ける。
ということがしたいです。
①変数として呼び出したt1は入力した値になるが、ifの中に入れると反応せずエラーが出てしまう。
②足し合わせる関数としてsumを変数で置いているが0のままである。
発生している問題・エラーメッセージ
html
1<html lang="jp" dir="ltr"> 2 <head> 3 <meta charset="utf-8"> 4 <title>test</title> 5 <script type="text/javascript" src="getCSV.js"></script> 6 <div id="nout_csv"></div> 7 </head> 8 <body> 9 filter: <input type="text" id="myfilter" maxlength="3"> 10 <input type="button" value="検索!"onclick=clickBtn5()> 11 <span id="span3"></span> 12<script> 13 var url = 'nout.csv'; 14 var res = getCsv(url); 15 function clickBtn5(){ 16 var t1 = document.getElementById("myfilter").value; 17 document.getElementById("span3").textContent = t1; 18 } 19 let sum = 0 20 for(let i = 1; i <= 3000; i++){ 21 if (res[i][1] === t1) { 22 sum += res[i][3]; 23 } 24 } 25 res.forEach(function( value ) { 26 if( value == t1 )console.log( value[3] ); 27}); 28</script> 29 30</body> 31</html>
JS
1#getCSV 2function getCsv(url){ 3 //CSVファイルを文字列で取得。 4 var txt = new XMLHttpRequest(); 5 txt.open('get', url, false); 6 txt.send(); 7 8 //改行ごとに配列化 9 var arr = txt.responseText.split('\n'); 10 11 //1次元配列を2次元配列に変換 12 var res = []; 13 for(var i = 0; i < arr.length; i++){ 14 //空白行が出てきた時点で終了 15 if(arr[i] == '') break; 16 17 //","ごとに配列化 18 res[i] = arr[i].split(','); 19 20 for(var i2 = 0; i2 < res[i].length; i2++){ 21 //数字の場合は「"」を削除 22 if(res[i][i2].match(/\-?\d+(.\d+)?(e[+\-]d+)?/)){ 23 res[i][i2] = parseFloat(res[i][i2].replace('"', '')); 24 } 25 } 26 } 27 28 return res; 29} 30
csv
1#nout.csv(例) 22201,79,114,105200 32202,675,109,98000 42203,38,73,117800 52204,254,100,97800 62205,18,97,124200 72206,928,145,74000 82207,418,125,86400 92208,955,113,80400 102209,409,149,80600 112210,638,313,52100 122211,334,92,115200 132212,785,71,111500
試したこと
今は正しく反応しているかどうかでconsoleを置いています。
その結果’’を付けたらエラーは出なかったのですが、sum(合計の変数)は0のままでした。
補足情報(FW/ツールのバージョンなど)
macでfilezillaを使ってアップロードしています。
回答1件
あなたの回答
tips
プレビュー