#31ゼロからはじめるプログラミング講座の第四十三回です。今回は文字列操作をメインとした練習問題です。日本の年号一覧を整形して欲しいデータだけ出力しましょう。index.htmlを変更してください。コピペかこちらをダウンロードしてください。src="test.js"></script></body></html>index.htmlを開いてみると年号一覧が表示されたと思います。id=”box”>1つに全てのテキストが入っています。これを「平」がついた年号だけをカンマ区切りで#box1に並べなさい。期待する結果はこうです。以下は解答例になるので見る前にまずは自分で一度プログラムの構成を考えてみましょうまず期待する結果を出力するためにプログラムの構成を考えてみます。変数に文字を代入する。整形した文字列を入れる変数も作る。取得した文字列から余分なスペースを削除する。ループで処理するために文字列を配列にする。ループを回して平が付いているかを調べて真の場合は出力ようの文字列に追加。#boxのテキストを書き換える。今回はこの構成でコードを作ってみます。document.querySelector("#box")これはなんの問題もないですね。次はreplaceを使ってスペースを削除します。半角スペースと全角スペースを全て空文字と置き換えます。text.split(/\n/)新しく出てきた文字列.split()のメソッドです。引数に指定した文字列または正規表現で文字列を区切り配列に代入して配列を返します。\nは改行を指定する特殊文字です。これで改行区切りで配列に入れます。}}for-inループで回します。新しくindexOfが出てきました。indexOfは文字列と配列に値があるかを確認し、一番初めに見つけた場所の区画番号を返します。見つからない場合は-1を返します。-1とすることで検索した値が存在することを確認できます。}平が付いていたら変数outに追加して後ろにカンマも足します。out末尾に余計なカンマが付いているのでsliceを使って末尾を削除します。sliceは配列操作で解説したspliceと名前が似ているので注意してください。