Javascript で grep

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<style type="text/css">
textarea {
font-size: 80%;
width: 100%;
height: 200px;
}
#regexText {
width: 30%;
}
</style>

<script type="text/javascript">
function grep() {
var lines = document.getElementById("textarea1").value.split("
");
var textarea2 = document.getElementById("textarea2");
var regexText = document.getElementById("regexText").value;
var regex = new RegExp(regexText);

var grepedText = "";

for (var i = 0; i < lines.length; i++) {
var text = lines[i];

matches = regex.exec(text);

if (matches != null) {
grepedText += text + "
";
}
}

textarea2.value = grepedText;
}
</script>
</head>
<body>

<div><textarea id="textarea1" wrap="off"></textarea></div>
<div>
<input id="regexText" type="text" id="regex"></input>
<input type="button" name="button1" value="grep" onClick="javascript:grep()" />
</div>
<div><textarea id="textarea2" wrap="off"></textarea></div>

</body>
</html>

source

Leave a Reply