部分一致検索機能が正しく機能しない

Question

以下のコードを使用しフォームに入力された単語に部分一致するページに移動する機能を考えています

現状では"チョウ"をフォームに入力し実行すると処理がループ？してしまいページが表示されません
しかし"ブンチョウ"や"モンシロチョウ"なら正しくページに移動できます
素人的に処理のループを断つ"break;"を使用するのかと考えておりますが正しい結果には至りませんでした

ご教授お願い致します

()内はフォルダ名です

var tags = 

[
  ['チョウ','b1'],
  ['ブンチョウ','t1'],
  ['モンシロチョウ','m2']
];

function jump()

{

var baffer = '';

var value = document.getElementById('tags').value;

for(i=0;i<tags.length;i++)

	{

	if(tags[i][0].toUpperCase().indexOf(value)!=-1)

		{

		baffer += 'https://(○○○.com)/(×××)/' + tags[i][1] + '.html';

		}

	}

location.href = baffer;

}

Answer 1

baffer += 'https://(○○○.com)/(×××)/' + tags[i][1] + '.html';break;で一応正しい動きにはなりますが、+=を利用していることは問題です。
baffer += XXXは現在bafferに入っている内容にXXXを追加したものを、新たにbafferに格納しますので、2つ以上にヒットした場合は2つ以上のurlが組み合わさった内容がbafferに格納されます。
+=ではなく=を利用すべきでしょう。

Comments

[Octagon]

添削ありがとうございます
そちらの方法も試してみます

Answer 2

break;の記述場所が誤っていました

        baffer += 'https://(○○○.com)/(×××)/' + tags[i][1] + '.html';break;

これで望みの動きをしました