まにゅまるスクリプト。初心者向けプログラミングの技術記事から日頃の節約術など、お役立ち系記事を雑多にお届けする複合系ライフハックメディア。2022/2/2今回は、Javascriptのリスト(配列)の中にある文字列要素のそれぞれから、空白(スペース)や改行といった余分な情報を削除する方法を紹介します。大まかなやりかたは2パターンforEach文で要素を回して取り出しjoin()で一度文字列に結合した後、置き換えて再配列化その他のシチュエーションでの解決方法HTML要素をtoArray()で配列化replaceAll()関数を使うまとめ大まかなやりかたは2パターンforEach文で要素を回して取り出し要素内の文字列を順に取り出し、一要素ずつ置き換えていく方法です。console.log(color)});//red//blue//green但し、このreplace()には弱点があります。Javascriptのreplace()関数は、通常先頭の一文字しか置き換えてくれません。その為、以下のように正規表現を使うことで一括置き換えが可能になります。指定することができ、gはグローバルマッチのフラグオプションで、全てのヒット項目に対して処理を行う指定になります。正規表現は一度覚えてしまうと色々な場面でとても便利なので、積極的に練習して使いこなせるようになりましょう。配列を一旦ひとつの文字列に変換し、一括で消去・書き換え後、再度配列に戻す方法です。・置き換えて・再配列化と分けて書くと3行分の処理を行っています。多様なシチュエーションでの別のやり方が存在します。複数紹介するので、↑で解決できなければこちらを参考ください。HTML要素をtoArray()で配列化jQueryだと配列化の際に、toArray関数も使えます。配列ではない複数のdiv要素を、forで回して置き換えています。);</script></body></html>//red//blue//greenreplaceAll()関数を使うECMAScript2021よりStringオブジェクトにreplaceAllメソッドが追加され、最近純正は純正JavascriptでもreplaceAll()関数が使えるようになりました。"").toArray("");//["red","blue","green"]但しこちらはWebブラウザベースの仮想環境など、環境によっては使えないことも有る為注意が必要です。まとめいかがでしたでしょうか。一度一つの文字列に結合するやり方と、配列のままforeachで一要素ずつ回し取り出しながらreplaceをかけるやり方の大まかに2パターンです。一回で複数箇所文字列置き換えしたい時は、汎用性の高い正規表現での指定をしていきましょう。OK!大学生インターン募集中!プログラミングやITなど興味ある方ご連絡ください‎。Python歴5年のフルスタックエンジニア&ヨギー。大学は心理学専攻、趣味はヘルスケア全般。最近は自作脳波デバイスの設計とそれを使ったインタラクティブアート生成に勤しみ中。Instagram:@malmal0v0お仕事のご依頼はDM又はメールにて。boostの持つ、2つのコースとは?特徴やメリットを解説!【未経験からフリーランスになろう】2024/2/192024/3/3【ネタバレ】2024年しろたん新春福袋を購入したので中身を紹介します!【限定品は?総額いくら?】2024/1/12[Touchdesigner]CHOPの波形グラフをオーバーレイ(重ねて表示)する方法2023/11/102024/4/4※当サイトはプロモーションリンクを使用しています。JavascriptProgrammingJavascriptまる。まにゅまるスクリプト。・節約/小遣い稼ぎ・ライフハック等のお役立ち情報をお届けする、複合系メディア(月間1〜2万PV)。❛„)Profile:まる。)※発言は私個人の見解であり、所属組織を代表するものではありません。<自己紹介>10代の時の経験から、身体の健康や脳の賦活化に強い興味を持つようになる。知識を実装するための手段としてプログラミングを習得。子どもへの教育全般とヘルスケア、脳科学・メディアアートに興味があり、エンジニアをしつつ放送大学で心理学を専攻。学生と社会人両方やってます。最近研究員も始めました。あと趣味でVJしたり電子工作したり脳波解析やったりしてます。(電気風呂の為)・乙種第4類危険物取扱者(リチウムイオン蓄電池の使用用途拡張の為)・アロマテラピー検定1級(サウナハック)気に入った記事があれば、大切な人にシェアしてあげて下さい٩(๑❛ᴗ❛๑)口コミでちょっとずつ広がってくれると嬉しいです。まにゅまるスクリプト。検索シェアTwitterFacebookはてブPocketLINEPinterestLinkedInコピーコメント目次サイドバータイトルとURLをコピーしました。