1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

子供の想像力を伸ばしアイデアを形にする小学生向けプログラミング教室「プロスタキッズ」

【JavaScript入門】splitで文字列を分割する方法とは?

【JavaScript入門】
Pocket

今回はJavascriptの文字列を分割する方法についてご紹介します。

文字列の分割方法

出力結果

[“10”, “20”, “30”, “40”, “50”]

応用編~正規表現のケース~

正規表現を組み合わせることでさらに高度なことができるようになります。詳しいサンプルコートは下記のようになります。

サンプルコード

出力結果

[“1”, “2”, “3”, “4”]

分割する個数に制限を行いたい場合

方法はとても簡単で、下記のサンプルコードの配列の「”,”」で分割し、そして最大数を指定することでできます。下記のサンプルコードを参照してください。

サンプルコード

出力結果

[“1”, “2”]

split()を使うことで文字列の分割が自由自在になる

split()の使い方についてご紹介しましたが、非常に便利な関数となっています。最初のうちは「分割」をすることのメリットなどについては分からないかもしれませんが、色々な関数があることを知り、動かし、そして反応を見ることが自分の「引き出し」を増やすことに繋がります。

最初は少しクセがあるように感じるかもしれませんが、jsで関数のステップに差しかった方はとにかく多くの関数を動かしてみることが上達への近道です。
こういった関数もあるということを理解しておくことがオススメです。

【おすすめ記事】
JavaScriptを学べるスクールってどこがおすすめ?
フロントエンジニアが勧める!JavaScript学習サイト
Javascriptの本・参考書の評判

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

ページ上部へ戻る