質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
多次元配列

1次元配列内にさらに配列を格納している配列を、多次元配列と呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

関数

関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

配列

配列は、各データの要素(値または変数)が連続的に並べられたデータ構造です。各配列は添え字(INDEX)で識別されています。

Q&A

解決済

1回答

769閲覧

二次元配列の値の判定がしたい

pyamathon

総合スコア14

多次元配列

1次元配列内にさらに配列を格納している配列を、多次元配列と呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

関数

関数(ファンクション・メソッド・サブルーチンとも呼ばれる)は、はプログラムのコードの一部であり、ある特定のタスクを処理するように設計されたものです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

配列

配列は、各データの要素(値または変数)が連続的に並べられたデータ構造です。各配列は添え字(INDEX)で識別されています。

0グッド

0クリップ

投稿2020/01/31 09:33

編集2020/01/31 11:57

前提・実現したいこと

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を使ってアップロードしています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2020/01/31 09:41

結局何がしたいのでしょうか? 入力が2205だったらnout.csvの中からその隣の18を拾ってきて 2205と18を足すのですか? ちょっと説明がうまくできてないと思います
yambejp

2020/01/31 09:44

タグが、配列・関数・多次元配列とかになっていますが まずはjavascriptでしょ
pyamathon

2020/01/31 11:59

ご返信ありがとうございます。 申し訳ありません。詳しく追記させていただきました。csvデータは全て貼り付けることができなかったのですが、3000行×4列のデータになっております。 検索した数字がその2列目と一致するようにしたいです。 稚拙な文章となってしまい申し訳ありませんがよろしくお願いします。
guest

回答1

0

ベストアンサー

こんな感じで試してください

投稿2020/01/31 12:24

yambejp

総合スコア114572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2020/01/31 12:25

<script> window.addEventListener('DOMContentLoaded', ()=>{ var arr=[]; fetch('nout.csv') .then(res=>res.text()) .then(res=>"[["+res.split(/[\n\r]+/).map(x=>x.split(",").map(x=>isNaN(x)&&!/^\".*?\"$/.test(x)?`"${x}"`:x).join(",")).join("],[")+"]]") .then(res=>arr=JSON.parse(res)) document.querySelector('#search').addEventListener('click',()=>{ var t1=parseInt(document.querySelector('#myfilter').value); var res=arr.filter(x=>x[1]==t1).map(x=>x[3]); var sum=res.length==0?0:res.reduce((x,y)=>x+y); document.querySelector('#span3').textContent=sum; }); }); </script> <div id="nout_csv"></div> filter: <input type="text" id="myfilter" maxlength="3"> <input type="button" value="検索!" id="search"> <span id="span3"></span>
pyamathon

2020/02/02 01:11

ありがとうございました。 細かい点までは理解できなかったのですが、思ったように動くようになりました。 大変感謝いたします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問