【JavaScript】英文から英単語を抽出してみる

　どうも！LSSです！！

さじ(id:conasaji)さんの記事、

conasaji.hatenablog.com

を読みました。

その中で、

出来れば最初にどんな系列の単語を覚えたいのかを登録できたらいいですね。英文を読み込んだらその中から毎日ひとつずつ出てくるとか。
学び舎を求め。 - ゆるっと広告業界

と書かれていましたが、この「英文から英単語抽出」、作れる自信はありましたがそういえば作った事がなかったな、と思い、今回試しに作ってみました。

英文から英単語抽出
コード
Google翻訳で英文ゲット！
今回は英単語抽出してみただけですが

f:id:little_strange:20210404234529p:plain

英文から英単語抽出

　Once upon a time, there was a very hard-working peasant young man. 　One day, on the way home after the young man finished his field work, he suddenly felt urged to urinate at a peach tree. 　When I saw it, it was a terrible wasteland with no grass, and while the peach trees were about to die, only one flower was blooming. He said, "Nu, I don't have enough koyashi in a place like this. I'll do koyashi for a while ." 　That night ... there was something that knocked on the door of a young man living alone. 　When the young man opened the door, suspiciously ... there was a beautiful man who had never seen it. "You ... what happened late at night?" "... I am the peach that you gave me today." 　The young man remembered the way home. But this girl ...? "... Thanks to you, I was able to survive in a place that was about to die. I would like to give back to you, and I borrowed a person from such a late night." 　And the daughter told me that she could only be in human form tonight, and that she would do anything for the youth. 　The young man ... was fascinated by the appearance of his daughter in front of him. 　Beautiful smooth skin like a peach, a scent like a flower, and ... and a puffy chest and hips like a peach. 　The young man unintentionally reached for the peach ... and announced his only wish. 　Only one peach tree stands in a wasteland. The flower that was blooming only one flower bears fruit. ... In fact, it grew like the belly of a baby-bearing tummy, and eventually fell to the ground under its own weight. The big peach went down the slope, got stuck in the river, and flowed along the stream to Kibi no Kuni, which is downstream. Congratulations (what?)

「単語取得」ボタンを押すと、テキストエリアの文中の英単語を抽出して表示します。（並べ替え・重複削除しています）

また、テキストエリア内に別の英文を入れても動作します。

コード

<p><textarea id="txta" style="width: 100%;" rows="10">元となる英文</textarea></p>
<p><input id="btn" type="button" value="単語取得" /></p>
<div id="gamen"> </div>
<script>// <![CDATA[
tangotxt=[];//配列変数tangotxtを定義
btn.addEventListener('click',tango,false);//ボタンにイベントリスナーを設定　クリックでtango()を呼び出す
function tango(){
txt=txta.value;//変数txtにテキストエリアの内容をコピー
txt=txt.toLowerCase();//大文字を全て小文字に変換
txt=txt.replace(/[^a-z']/g,' ');//正規表現を用いて、アルファベットとアポストロフィ以外の文字を全てスペースに変換
txt=txt.replace(/ +/g,' ');//複数の連続するスペースを一つのスペースに変換
txt=txt.trim();//先頭と末尾のスペースを削除
tangotxt=txt.split(' ');//txtの内容をスペースで分割し、配列変数tangotxtに取り込む
tangotxt.sort();//配列変数tangotxtの内容をソート
tangotxt=Array.from(new Set(tangotxt));//配列変数tangotxtの内容から重複削除
gamen.innerHTML=tangotxt.toString();//配列変数tangotxtの内容を画面に書き出す
}
// ]]></script>