TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptで文字列を1文字ずつ分割して配列に入れる方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptで文字列を1文字ずつ分割して配列に入れる方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptで文字列を１文字ずつ分割して配列に入れる方法について解説しています。ここではsplitメソッドを使う方法とスプレッド構文を使う方法を説明します。それぞれの書き方を覚えましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

JavaScriptで文字列を1文字ずつ分割して配列に入れる方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

文字列を1文字ずつ分割して配列に入れる方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

配列とは

複数の値を格納できるオブジェクトです。例えば下記のように記述すれば、山田、鈴木、佐藤と3つの名前が配列オブジェクトとしてnameという変数に格納されます。

let name = ['山田', '鈴木', '佐藤']

ちなみに値を取り出す際は、変数名の後に[]（ブラケット）で0から始まる要素の番号を指定します。

name[0]

上記の場合、山田が取得できます。

 

文字列を1文字ずつ分割して配列に入れる方法

文字列を1文字ずつに分割して配列にする簡単な方法は主に2つあります。splitメソッドを使う方法とスプレッド構文（…）を使う方法です。

 

[PR] コーディングで副業する方法とは

splitメソッドを使って配列化する方法

JavaScriptの文字列オブジェクトであるStringはsplitというメソッドを持っています。このsplitメソッドの第1引数に分割する文字を指定するのですが、1文字ずつに区切る場合は”空文字を指定してください。

 

スプレッド構文を使って配列化する方法

スプレット構文は…（ドット3つ）から始まる構文です。…の後のものを1つずつ割り当てるので、配列の[]（ブラケット）での初期化の際に、スプレット構文と文字列を渡すことで1文字ずつ配列に格納されます。

 

splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース

 

 

実際に書いてみよう

下記の「テックアカデミージュニア」という12文字の文字列を、2つの方法で1文字ずつの配列にする例を紹介します。

const PROGRAM_SCHOOL = 'テックアカデミージュニア';

記述の違いなので、どちらでもお好みの方を使ってみてください。

let arraySplit = PROGRAM_SCHOOL.split('');
//(12) ["テ", "ッ", "ク", "ア", "カ", "デ", "ミ", "ー", "ジ", "ュ", "ニ", "ア"]

これでarraySplitには12個の要素をもつ配列になりました。

let arraySplitSyntax = [...PROGRAM_SCHOOL];
//(12) ["テ", "ッ", "ク", "ア", "カ", "デ", "ミ", "ー", "ジ", "ュ", "ニ", "ア"]

これでarraySplitSyntaxには12個の要素をもつ配列になりました。

 

まとめ

もちろんループ処理で1文字ずつ格納していくこともできますが、この2つの記述のどちらかを知っているだけでとても楽ができます。
ぜひおためしください。

 

監修してくれたメンター

横山茂雄（よこやましげお）

フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。

言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptでフォーカス移動する方法を現役エンジニアが解説【初心者向け】

JavaScriptでフォーカス移動する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向...
JavaScript

JavaScriptのif文における論理演算子notについて現役エンジニアが解説【初心者向け】

JavaScriptのif文における論理演算子notについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

TwitterのJavaScript APIを現役エンジニアが解説【初心者向け】

TwitterのJavaScript APIについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 J...
JavaScript

JavaScriptのJSON.stringifyメソッドの使い方を現役エンジニアが解説【初心者向け】

JavaScriptのJSON.stringifyメソッドの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに...
JavaScript

JavaScriptで新規ウィンドウを開く方法を現役エンジニアが解説【初心者向け】

JavaScriptで新規ウィンドウを開く方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向けのJ...
JavaScript

JavaScriptでHTMLの要素を取得する方法を現役エンジニアが解説【初心者向け】

JavaScriptでHTMLの要素を取得する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
JavaScript

あわせてよく読まれている記事

PHPの配列でjoinメソッドを使う方法を現役エンジニアが解説【初心者向け】

PHPで配列を結合する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPではさまざまな方法で配列を結合できますので、この記事では用途に合わせた使い分けについて解説しています。 目次配列とは文字列を1文字ずつ分割して配列に入れる方法splitメソッドを使って配列化する方法スプレッド構文を使って配列化する方法splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース実際に書いてみようまとめ監修してくれたメンター そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPの配列を結合するにはどうしたらいいですか？ 田島悠介 配列を結合する方法はいろいろあるけど、array_mergeが使えるよ。 ただ連想配列でキーが同じだった場合に値が上書きされるよ。 大石ゆかり 連想配列？キー？上書き？　なんだか難しそうですね・・・ 田島悠介 聞いただけではイメージするのが難しいかもしれないね。 たとえば$sum[5]の「5」の数値が配列の添字、つまりキーだよ。 連想配列はこのキーが文字列の配列だね。 じゃあ、配列を結合する方法を実際のサンプルコードを使って説明するね。 大石ゆかり お願いします！ ※この解説記事では配列のキー（添字）が数値のものを添字配列といい、キーが文字列の連想配列と区別しています。PHPの配列については解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」を、連想配列については解説記事「PHPで連想配列を使う方法【初心者向け】」をご覧ください。   array_mergeで結合する方法 PHPで配列を結合するには、array_merge関数が使えます。 複数の配列をひとつに結合した配列を取得できます。 構文 結合された配列 = array_merge(配列1, 配列2); 配列1の後ろに配列2の要素が追加されて結合された配列が取得できます。 ※引数に指定する配列の数は、ひとつでも3つ以上でも指定できます。 ※結合された配列はarray_merge関数の戻り値で取得します。上記の構文だと配列1そのものが更新されるわけではありません。 配列のキーが同じ要素を結合すると？ 配列が連想配列（キーが文字列の配列）かどうかで結果が異なります。 キーが数値の添字配列の場合は、同じキーがあっても添字がゼロから振りなおされ、要素が追加されていきます。 キーが文字列の連想配列の場合は、同じキーがあると新しい要素に上書きされて追加にはなりません。 添字配列を結合する 配列のキーが数値の添字配列をarray_merge関数で結合すると、すべての要素のキーがゼロから振りなおされて追加されます。 ソースコード 色の名前が入った2つの配列 $colors1と$colors2の要素をarray_mergeで結合し、$colorsに代入します。 $colors1と$colors2の配列はキーが数値のため、結合したときにキーが降り直されます。 <?php $colors1 = array('赤', '緑', '青'); $colors2 = array('シアン', 'マゼンタ', '黄'); //配列を結合 $colors = array_merge($colors1, $colors2); //結合した配列を出力（preタグで改行させる） print_r('<pre>'); print_r($colors); print_r('</pre>'); ?> ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。 表示結果 解説 $colors1 = array('赤', '緑', '青'); $colors1に3つの要素がある配列を代入しています。 配列 $colors1の中身は以下のように0から2のキーがあります。 Array ( [0] => 赤 [1] => 緑 [2] => 青 ) ※配列を作成するときに、値だけ指定すると自動的にゼロから始まる添字がついてキーが作成されます。配列の作成について詳しくは解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」をご覧ください。 $colors2 = array('シアン', 'マゼンタ', '黄'); $colors2にも3つの要素がある配列を代入しており、中身は以下の状態です。 Array ( [0] => シアン [1] => マゼンタ
PHP

strstr関数の使い方！PHPで文字列を検索する方法【初心者向け】

PHPで文字列の中から特定の文字列を探す場面というのは比較的多いかと思います。 文字列を検索する方法はいろいろありますが、今回は「strstr関数」「strpos関数」「preg_match関数」について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 strstr・・・区切り文字の前後の文字列を取得します。 strpos・・・文字列が最初に見つかる位置を取得します。 preg_match・・・正規表現で文字列を検索します。 すべての関数の使い方を覚える必要はありませんが、1つでも書き方を覚えておくといざという時に便利でしょう。 目次配列とは文字列を1文字ずつ分割して配列に入れる方法splitメソッドを使って配列化する方法スプレッド構文を使って配列化する方法splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース実際に書いてみようまとめ監修してくれたメンター そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPで文字を探すプログラムを作りたいんですけど、どうすればいいんでしょうか。 田島悠介 どうして文字を探したいのかな？ 何かの文字で区切っているから？それとも文字の位置を探したい？ 大石ゆかり ええと、文字を探す方法がそんなにいろいろあるんですか？ 田島悠介 そうなんだ。PHPではいろんな文字列の検索方法があるよ。 まずは、区切り文字で検索する方法から見てみよう！   区切り文字で分けて検索 – strstr関数 strstr関数は対象の文字列から検索文字列を探し、見つかったら検索文字列から対象の文字列の最後までを返します。 区切る文字列を境にして文字列を取得したいときに使えます。 構文 検索対象の一部分の文字列 = strstr(検索対象の文字列, 検索文字列, [検索文字列より前の部分を取得するか]) 第1引数は検索文字を探し出す対象の文字列です。 第2引数は検索する文字列です。 検索文字列が半角のアルファベットの場合は、大文字小文字を区別して検索されます。 第3引数は省略でき、検索文字より前の部分を返したい場合にtrueを指定しますが、標準ではfalseつまり検索文字より後の部分を取得します。 戻り値は検索文字列が検索対象の文字列から見つかったときに、検索文字列を含む文字から検索対象の文字列の最後までの文字列を返します。 たとえば、「dog&cat」の文字列から「&」を検索した場合、「&cat」が戻り値として返ります。 ただし第3引数にtrueが指定されている場合は、検索文字を含まない前の部分を返します。 もし検索文字が見つからなかったときはfalseを返します。 ※ある文字列中に別の文字列が存在するかどうかを確認したいだけならstrpos関数またはstr_contains関数（PHPの新しいバージョン8で使用可能)を使います。 ※大文字小文字を区別しないで検索したい場合は「stristr関数」を使うことで実現できます。   strstr関数の使い方 strstr関数を使ってある文字列で区切った文字列の分割をしてみましょう。 ソースコード フルネーム「山田 太郎」を半角スペースで姓と名に分けて出力するプログラムです。 <?php //検索文字列（半角スペース） $search = ' '; //対象文字列（空白で区切られたフルネーム） $target = '山田 太郎'; echo "対象文字列：$target<br>"; //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); //空白を削除（「 太郎」->「太郎」） $firstName = trim($firstName); //姓の取得（空白より前） $lastName = strstr($target, $search, true); //検索結果はあるか if($firstName != false || $lastName != false){ //姓名の出力 echo "姓：$lastName<br>"; echo "名：$firstName"; } else { echo "文字が見つかりませんでした。"; } ?> ※ダブルクォーテーションで変数を囲うと、“$変数名”で変数の値を展開して出力できます。変数の展開について詳しくは公式ドキュメント「変数のパース」をご覧ください。 ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。 表示結果 解説 //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); 検索対象の文字列（$target）から検索文字（$search）が見つかったところより後ろの文字列を取得します。 検索対象の文字列
PHP

JavaScriptでArrayオブジェクトを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptの組み込み関数の1つ、JavaScriptでArrayオブジェクトを使う方法について解説します。 また、入門向けのJavaScriptの学習サイトもまとめて紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 組み込み関数のArrayオブジェクトとは Arrayオブジェクトを実際に生成してみよう Arrayオブジェクトのプロパティ・メソッドを呼び出してみよう 　プロパティ1. length（配列の長さを取得する） 　メソッド1. slice()（配列の要素を取り出す） 　メソッド2. reverse()（要素の順番をひっくり返す） 　メソッド3. push()（末尾に新しい要素を追加する） Arrayオブジェクトの任意の箇所を削除する 多次元配列を作成してみよう     組み込み関数のArrayオブジェクトとは 組み込み関数とは、JavaScrip側であらかじめ用意してくれているオブジェクトのことです。Arrayオブジェクトは、組み込み関数の1つで、配列を扱う際に使います。   参考までに、組み込み関数の代表的なものには次のようなものがあります。   <組み込み関数（代表的なもの）> String　文字列を扱う Number　数値を扱う Boolean　論理値を扱う Array　配列を扱う Date　日付を扱う Math　数値計算で扱う   はじめから関数の内容が決まっているので、こちらで定義する手間もなく、実行するだけ。非常に便利なので重宝します。 組み込みオブジェクトを使う場合、newを使って次のようにオブジェクトを生成します。 var オブジェクト名= new object();    大石ゆかり Arrayって配列のことですよね？配列もオブジェクトなんでしょうか？ 田島悠介 JavaScriptでは配列はオブジェクトなんだよね。 大石ゆかり 配列は無いんですか？ 田島悠介 配列をオブジェクトで包んで、関数を追加したりしてるんだよね。なので純粋な配列ではなくて、配列のような感じになってるんだよね。では、Arrayオブジェクトを生成してみよう！   [PR] コーディングで副業する方法とはArrayオブジェクトを実際に生成してみよう 適当なオブジェクト名（family）をつけ、Arrayオブジェクトを生成してみます。配列に関する様々なプロオパティやメソッドを出力することができます。 var family = new Array(); これでArrayオブジェクトが1つ生成されましたが、まだfamilyの箱の中身はからっぽの状態です。Taro・Jiro・Saburoを加え、console.logで呼び出してみます。 <!DOCTYPE html> <html lang = “ja”> <head> <meta charset = “utf-8″> <title>JavaScriptの練習</title> </head> <body> <script> var family= new Array("Taro", "Jiro", "Saburo"); console.log(family);
JavaScript

Javaで配列に要素を追加する方法を現役エンジニアが解説【初心者向け】

Javaで配列に要素を追加する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Javaで配列に要素を追加することで、配列データの操作を行うことができます。 実務でも、Javaで配列に要素を追加して顧客が希望するデータを追加するので、ぜひ学習してみてください。 目次配列とは文字列を1文字ずつ分割して配列に入れる方法splitメソッドを使って配列化する方法スプレッド構文を使って配列化する方法splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース実際に書いてみようまとめ監修してくれたメンター そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 配列に要素を追加する方法について詳しく説明していくね！ 大石ゆかり お願いします！   配列とは 「配列」というのは、通常の変数が1つにつき1つの値を保持するのに対して、1つを使って複数の値を保持することができるものです。 変数とは、値を入れる箱のようなものです。 例えば、int型の配列の場合は、次のように複数の整数値を保持できます。 [1, 2, 3, 4, 5]   配列の記法例 ここでは配列の記法例を解説します。 配列の宣言 Javaで配列を宣言するには次のように記載します。 型名[] 変数名; 要素の配列指定 配列に要素(保持できる値の数)を指定する場合は、次のように記載します。 型名[] 変数名 = new 型名[要素数]; 要素の配列代入 要素を代入するには、次のように記載します。 変数名[インデックス] = 値; 複数要素の配列代入 複数の要素を代入する場合には、次のように記載します。 配列の長さと同じだけの要素を並べて中括弧{}に入れることで可能になります。 変数名= {値1, 値2, 値3, ... };   配列に要素を追加する方法 要素がすべて埋まっている配列に、新しい要素を追加したい場合もあります。 しかし、配列は一度長さを決めてしまったら、その長さを超えて要素を追加できません。 そこで、配列に要素を追加する方法は、配列自体をコピーしてより長い配列に代入してしまうという方法があります。 つまり、実際には配列を追加せずに、配列の長さと同じだけの要素を並べて中括弧{}に入れることで可能になります。 実際には配列を追加しないが、追加したような状態にする方法として、Systemクラスのarraycopyメソッドを使います。   配列に要素を追加するコード 型名[] 古い配列 = {要素1, 要素2, 要素3, 要素4, 要素5, ...}; 型名[] 新しい配列 = new 型名[もとの配列の長さ+追加したい要素の個数]; System.arraycopy(古い配列, 0, 新しい配列, 0, 古い配列の長さ); 新しい配列[インデックス] = 追加する値;   配列に要素を追加する解説 型名[] 古い配列 = {要素1, 要素2, 要素3, 要素4, 要素5, …};では、コピーする前の配列を用意しています。 型名[] 新しい配列 = new 型名[もとの配列の長さ+追加したい要素の個数];では、追加したい要素の個数分だけ長い空の配列を用意しています。 System.arraycopy(古い配列, 0, 新しい配列, 0, 古い配列の長さ);では、arraycopyメソッドで、新しい配列にもとの配列をコピーしています。 新しい配列[インデックス] = 追加する値;では、新しい配列の残りの部分に追加したい要素を代入しています。   [PR] コーディングで副業する方法とは実際に書いてみよう 上で紹介した方法を使って配列に要素を追加してみましょう。 今回は、整数型の配列に要素を追加していきます。 サンプルコード import java.util.*; public class
Java

PHPのexplode関数で文字列を分割する方法【初心者向け】

今回は、PHPのexplode関数の使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPのexplode関数を利用すると、文字列を、特定の区切り文字で分割することが可能です。 PHPのexplode関数は、実務で文字列データから配列を作成する際に利用するので、ぜひ学習してみてください。 目次配列とは文字列を1文字ずつ分割して配列に入れる方法splitメソッドを使って配列化する方法スプレッド構文を使って配列化する方法splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース実際に書いてみようまとめ監修してくれたメンター そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   explode関数とは explode関数とは、文字列を指定した文字列で分割する関数です。 たとえば、「花子、太郎、和夫、隼人」のような文字列データがあったとします。 この場合、文字列「”」で分割すると、次のような4名の名前に分割することになります。 "花子"、"太郎"、"和夫"、"隼人" 分割された文字列は、戻り値として返される配列の各要素として格納されます。 配列[0]= ”花子” 配列[1]= ”太郎” 配列[2]= ”和夫” 配列[3]= ”隼人”   大石ゆかり 田島メンター！文字列を文字で分割して配列にしてくれるのは便利だと思うんですが、どういう意味があるのでしょうか？ 田島悠介 分割して配列にするとデータとして使えるよね。例えばこのページのURLは、magazine/11415ってなってるよね。スラッシュで分割すると、分類名とデータベースにある記事の番号に分けられるよね。 大石ゆかり データとして何かに使えそうですね！ 田島悠介 そうなんだ。実際にexplode関数を書いてみよう！   explode()の書き方 書式 explode($delimiter,$string,$limit) 説明 引数1：$delimiterには、区切り文字を指定します。 引数2：$stringには、文字列処理する文字列を指定します。 引数3：$limitには、戻り値として返す、配列の最大要素数を指定します。 戻り値 分割した文字列の配列が返されます。 注意事項 ・引数1で指定した文字列に、区切り文字がまったく含まれていなかった場合は、その文字列をそのまま返します。 ・引数2の区切り文字が空文字(“”)の場合は、実行時にwarningとなりますのでご注意ください。 ・引数3の最大要素数が指定された場合は、最後の配列要素に残りの文字列がすべて格納されます。   [PR] コーディングで副業する方法とは実際にexplode関数を使ったプログラムを書いてみよう それでは、実際にexplode関数を使用して、簡単なサンプルプログラムを作成してみましょう。 文字列を区切り文字 ” , ” (カンマ)で分割 “PHP,オンラインプログラミング,短期集中,現役エンジニアがメンター”という名前が記載された文字列を、区切り文字「,」で分割します。 サンプルプログラム1 <?php $macbooks = "PHP,オンラインプログラミング,短期集中,現役エンジニアがメンター"; $macbook = explode(",",$macbooks); print_r($macbook); 実行結果 解説 <?phpでは、PHPプログラムを開始することを意味します。 $macbooks = “PHP,オンラインプログラミング,短期集中,現役エンジニアがメンター”;では、”PHP,オンラインプログラミング,短期集中,現役エンジニアがメンター”という文字列を、変数$macbooks に代入します。 $macbook= explode(“,”,$macbooks );では、explode関数を利用して、変数$macbooks に代入した文字列を,（カンマ）で分割します。 print_r($macbook); では、変数$macbookを表示します。 表示結果は次のように、変数$macbooks の文字列を、カンマで分割した配列データになります。 Array ( [0] => PHP [1] => オンラインプログラミング [2] => 短期集中 [3] => 現役エンジニアがメンター )   文字列を区切り文字” ” (スペース)で分割 “PHP オンラインプログラミング
PHP

使えると便利！Rubyで配列を使う方法【初心者向け】

プログラミングをする上で配列はよく使われます。今回はRubyで書く配列について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 配列を使うことで複数の要素をまとめたり、繰り返し処理をさせたりできるので、ぜひ覚えておきましょう。 目次配列とは文字列を1文字ずつ分割して配列に入れる方法splitメソッドを使って配列化する方法スプレッド構文を使って配列化する方法splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース実際に書いてみようまとめ監修してくれたメンター Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今日は配列の書き方を練習しよう。 大石ゆかり 田島メンター！配列とはなんですかー！ 田島悠介 配列は複数の要素を保持することができるんだ。実際にどういう形になるか見てみよう。 大石ゆかり はい！お願いします！   配列とは 複数の要素をリストのような形式で保持したいときに使用できるデータの保存方法の1つです。 例えば変数は箱に何かを入れるイメージで説明されることが多いですが、配列は複数個の箱が1列に連なっているイメージです。 そしてその箱には番号が付けられ、決まった番号を指定するとその番号の箱のデータが取り出すことができます。   Rubyにおける配列の書き方 配列は以下のように書きます。 # 数値を配列に入れてみる example1 = [3, 6, 9] # 文字列を配列に入れてみる example2 = ["tarou", "zirou", "saburou"] 変数に[]で囲った値を代入しています。 []で囲うことで、配列とみなされます。 example1の3を取り出したいときは example1[0] と書きます。 取り出すときの[]の間に書いている値が0になっていますが、これは配列の1番目を表しています。 これは配列の添え字と言われるもので配列に保持している要素の番号になります。 他のプログラミング言語でもほとんどの場合は配列の添え字は0から始まりますのでご注意ください。 これを踏まえてexample2からzirouを取り出したいときは example2[1] となります。   [PR] コーディングで副業する方法とはRubyにおける配列の使い方 Rubyにおける配列の使い方として、一般的な４つの使い方をご紹介します。 配列の生成 配列要素の追加 配列要素の削除 配列の結合 配列の繰り返し処理 それぞれの使い方について以下で解説します。 配列の生成 配列は[]を使うことで生成できます。 example = [] この場合は、何も値が入っていない空っぽの配列になります。 何か値を入れた状態で生成する場合は example = [1, 2, 3] このように書きます。 この場合は数値の1 , 2,  3を配列に格納しています。 配列の添え字0の箇所には1が、配列の添え字1の箇所には2が、配列の添え字2の箇所には3が格納されている状態で配列が生成されています。 配列要素の追加 push 配列に要素を追加する場合はpushメソッドを使用します。 以下の例では配列[1, 2, 3]に4を追加しています。 example = [1, 2, 3] p example #=> [1, 2, 3] example.push(4) p example #=> [1, 2, 3, 4] pushメソッドを使用して、配列に要素を追加した場合は配列の末尾に追加されます。 insert insertメソッドを使用すると、要素を任意の箇所に追加できます。 以下の例では配列[1, 2, 3]に4を追加していますが、1,2 の間に4を追加しています。 example = [1, 2, 3] p example #=> [1, 2, 3] example.insert(1, 4) p example #=> [1, 4, 2, 3] 配列要素の削除 delete 配列の要素を削除する場合はdeleteメソッドを使用します。 以下の例では配列[1, 2, 3,
Ruby

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptで文字列を1文字ずつ分割して配列に入れる方法を現役エンジニアが解説【初心者向け】