javascriptでテキストのソートを行う方法

otaguro 450views 更新:2014年7月30日

以前、Javaでテキストを処理する方法を記載しましたが(Javaでファイルを行ごとに編集して保存する方法)、 JavaScriptを使えば、簡単にブラウザ上でテキストを処理することが出来ます。 例えば、テキストエリアに貼り付けた文字列を行ごとにソートするには、次のHTMLでJavaScriptを実行します。

<html contenteditable>
<head><title>Do</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body>
<script language="JavaScript">
function doScript(val){
 val2=val.split(/\r?\n/g).sort().join("\r");
 document.getElementById('result').value =val2;
}
</script>

<form id="editor" action="/search" method="GET" onsubmit="doScript(this.val.value);return false;">
  <textarea name="val" > value</textarea>
  <input type="submit" value="DoScript"/>
</form>

<textarea id="result">result</textarea>
</body>
</html>

さらに、このHTMLの先頭にdata:text/html, を付記すれば、 アドレスバーに貼り付けるだけで(HTMLファイルを保存しないでも)、JavaScriptを実行できるようになります。

data:text/html, <!DOCTYPE html><html contenteditable><head><title>Do</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body><script language="JavaScript">function doScript(val){val2=val.split(/\r?\n/g).sort().join("\r");document.getElementById('result').value =val2;}</script><form id="editor" action="/search" method="GET" onsubmit="doScript(this.val.value);return false;"><textarea name="val" > value</textarea><input type="submit" value="DoScript"/></form><textarea id="result">result</textarea></body></html>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません