表形式になったWEBページから絶対値が一番大きいものを取得するには？

Question

javascriptにおいて、一番差がある絶対値を求めたいと思っていますが、
どのように書いたらいいのか発想が浮かばず困っています。
ヒントをいただけませんでしょうか。

画像を例として表のデータを使います。
本値が500という数字ですが、下にある値と比較して絶対値が一番大きい
数字を最大差異という場所に入れたいと思っています。

値に書き込むたびに比較を行っていきたいのですが、どのような構成を
すればいいのでしょうか。
大変抽象的な表現ですが教えていただけますでしょうか。
よろしくお願いします。

Comments

[kei344]

状況の再現が可能なHTML/JavaScriptを質問文に追記ください。また、表にはライブラリを使用していますよね？そのライブラリ名も質問文に追記ください。

Answer 1

次のようにtd要素を参照できるので、

<table id="sample">
  <tbody>
    <tr><td>1</td></tr>
  </tbody>
</table>
<script>
'use strict';
console.log(document.querySelector('table').tBodies[0].rows[0].cells[0].firstChild.data); // 1
</script>

rows を rows.length 値分だけ for 文で回して Math.max で最大値を求めます。

Re: r.y.o さん

Comments

[TakefusaBoku]

ありがとうございます。
大変参考になりました。

Answer 2

ソースがないので考え方だけ

• 表から値をとりだし配列に投入
• 配列をソートし、先頭データと最終データを抽出
• 本値との差をとり大きいものを正とする

Comments

[TakefusaBoku]

わかりづらい内容にもかかわらず返答いただきありがとうございました。
全然用語が出てこなかったのですが、ヒントをいただいたおかげで非効率かもしれませんがこんなで動きました。

// for文用の変数
var j;

var array = new Array();

array[0] = document.getElementById("para1");
array[1] = document.getElementById("para2");
array[2] = document.getElementById("para3");
array[3] = document.getElementById("para4");
array[4] = document.getElementById("para5");

var newArray = [];
var vmax;

// 行数文の繰り返し
for (var j = 0, l = array.length; j < l; j++) {
var num = array[j];

if (num != null && !isNaN(num)) {
newArray.push(num);
}
}

var vmax = Math.max.apply(null, newArray);