JavaScript - 数学 - ベクトル - ドット積 - 類似性の測定(部分リスト)

行列プログラマー
原著

開発環境

• macOS Sierra - Apple (OS)
• Emacs (Text Editor)
• JavaScript (プログラミング言語)
• Node.js, Safari(JavaScript エンジン)
• Learning JavaScript [邦訳](参考書籍)

行列プログラマー(Philip N. Klein (著)、 松田 晃一 (翻訳)、 弓林 司 (翻訳)、 脇本 佑紀 (翻訳)、 中田 洋 (翻訳)、 齋藤 大吾 (翻訳)、オライリージャパン)の1章(ベクトル)、2.9(ドット積)、類似性の測定、クイズ 2.9.15を JavaScript で取り組んでみる。

クイズ 2.9.15

コード(Emacs)

HTML5

needle: <input id="needle0" value="2, 3"><br>
haystack: <input id="haystack0" value="4, 5, 6"><br>
<button id="run0">run</button>
<button id="clear0">clear</button>
<pre id="output0"></pre>

<script src="sample9_15.js"></script>

JavaScript

let input0 = document.querySelector('#needle0'),
    input1 = document.querySelector('#haystack0'),
    btn0 = document.querySelector('#run0'),
    btn1 = document.querySelector('#clear0'),
    pre0 = document.querySelector('#output0');

let listDot = (u, v) => {
    return u.reduce((prev, x, i) => prev + x * v[i], 0);
};
let dotProductList = (needle, haystack) => {
    let result = [],
        l0 = needle.length,
        l1 = haystack.length - l0 + 1;

    for (let i = 0; i < l1; i += 1) {
        result.push(listDot(needle, haystack.slice(i, i + l0)));
    }
    return result;
};

let output = () => {
    let needle = input0.value.split(',').map((x) => parseInt(x, 10)),
        haystack = input1.value.split(',').map((x) => parseInt(x, 10));

    pre0.textContent = dotProductList(needle, haystack);
};

btn0.onclick = output;
btn1.onclick = () => {
    pre0.textContent = '';
};

output();

needle:
haystack: