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文字ずつ配列に格納されます。

 

コラム

コスパとタイパ、両方結果的に良くなる良くなる学び方とは？

「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。

コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。

  • ・困ったときに、質問や相談できる相手がいるため挫折しなかった
  • ・プロとして必要なスキルのみを深く学べたので無駄がなかった
  • ・副業案件の提供と納品までのサポートがあったので目的を達成できた

安価・短期間で広く浅く学んでも意味がありません。 本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に 無料相談 に参加してみませんか？

カウンセラー・現役のプロへ、何でも気軽に無料相談可能。 30分か60分お好きな時間が選べて、かつ3回まで すべて無料で ご利用できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

今なら相談した方限定の割引・参加特典付き！ 無料相談はこちら

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

 

 

実際に書いてみよう

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

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

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

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

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

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

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

 

1時間でできる無料体験！

まとめ

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

 

監修してくれたメンター

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

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

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

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

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

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

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか？

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！ 無料相談を予約する

記事を検索

関連するキーワード

関連する記事

JavaScriptでObjectにプロパティを追加する方法を現役エンジニアが解説【初心者向け】

JavaScriptでObjectにプロパティを追加する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説し...
JavaScript

JavaScriptでtestメソッドを使って指定した文字列が正規表現とマッチするか調べる方法を現役エンジニア

JavaScriptでtestメソッドを使って指定した文字列が正規表現とマッチするか調べる方法について、テックアカデミーのメンター（現役エンジニア）が実際のコー...
JavaScript

JavaScriptで処理を終了する方法を現役エンジニアが解説【初心者向け】

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

JavaScriptで正規表現により文字列を置換する方法を現役エンジニアが解説【初心者向け】

JavaScriptで正規表現により文字列を置換する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 ...
JavaScript

JavaScriptでtableに行追加する方法を現役エンジニアが解説【初心者向け】

JavaScriptでtableに行追加する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
JavaScript

JavaScriptの連想配列で要素を削除する方法を現役エンジニアが解説【初心者向け】

JavaScriptの連想配列で要素を削除する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、...
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

使えると便利！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

PHPで配列のkeyを取得する方法を現役エンジニアが解説【初心者向け】

今回は、PHPで配列のkeyを取得する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPで配列のkeyを取得することで、配列で使われているkeyを調べることができます。 実務でも配列のkeyを利用した値の操作を行いますので、ぜひ学習してみてください。   目次配列とは文字列を1文字ずつ分割して配列に入れる方法splitメソッドを使って配列化する方法スプレッド構文を使って配列化する方法splitメソッドとスプレッド構文の違いとそれぞれのメリット・使われるケース実際に書いてみようまとめ監修してくれたメンター   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPで配列のkeyを取得する方法について詳しく説明していくね！ 大石ゆかり お願いします！   この記事では、PHPで配列のkeyを取得する方法について記載しています。 まだPHPでの開発に慣れていない方でも理解できる内容です。   配列のkeyとvalueについて PHPでは連想配列という配列において、keyとvalueのセットで連想配列にデータを格納します。 配列とは、複数の値を入れる箱のようなものです。   通常の配列 通常の配列においては、添字（インデックス）という数字でデータ(value)の格納場所に番号を振っています。 配列サンプルコード <?php $array = ["りんご", "れもん", "もも"]; print_r($array); echo $array[1]; 配列実行結果 配列解説 <?phpでは、PHPプログラムを開始しています。 $array = [“りんご”, “れもん”, “もも”];では、$array配列に”りんご”, “れもん”, “もも”を代入しています。 print_r($array);では、$array配列を表示しています。 echo $array[1];では、$array配列の1番目のインデックスで指定した、れもんを表示しています。   連想配列 連想配列は、添字（インデックス）の代わりにデータ（value）を入れる箱に「key」という任意の名前をつけて管理します。 つまり、連想配列ではインデックスではなく、任意の文字列であるkeyを利用してvalueを抽出できます。 連想配列サンプルコード <?php $array = ["apple" => "りんご", "lemon" => "れもん", "peach" => "もも"]; print_r($array); echo $array["lemon"]; 連想配列実行結果 連想配列解説 <?phpでは、PHPプログラムを開始しています。 $array = [“apple” => “りんご”, “lemon” => “れもん”, “peach” => “もも”];では、$array配列に”apple” => “りんご”, “lemon” => “れもん”, “peach” => “もも”を代入しています。 print_r($array);では、$array配列を表示しています。 echo $array[“lemon”];では、$array配列のkeyであるlemonで指定した、れもんを表示しています。   array_keys関数の使い方 PHPのarray_keys関数は、連想配列の「key」だけを取得する関数です。 それでは、array_keys関数の使い方について見ていきましょう。   array_keys関数で「key」だけを抽出する 次のように、array_keys関数の引数に連想配列を渡すことで、「key」だけを抽出した配列として返却します。 array_keys($連想配列)   array_keys関数で検索するvalueとセットになっているkeyを抽出 第1引数に連想配列を渡し、第2引数に連想配列の中のvalueから検索したい値を渡すことで、検索するvalueとセットになっているkeyを抽出し配列にして返却します。 第3引数はオプションなので、必須ではありません。 第3引数は、boolean型のtrueを渡すことで、第2引数に渡した「検索するvalue」のデータ型まで完全に一致するものを連想配列の中から探します。 デフォルトではboolean型のfalseが設定されているので、データ型が完全に一致しなくても検索対象です。 boolean型というのは、trueかfalseの2つの値のどちらかになる型の値です。 array_keys($連想配列, $検索するvalue [, $型チェック = FALSE])   [PR] フロントエンドで副業する学習方法を動画で公開中array_keys関数で「key」だけを抽出する方法を実際に書いてみましょう ここでは、連想配列のkeyをすべて抽出する方法について見ていきましょう。   サンプルコード <?php $array = ["apple" => "りんご", "lemon" =>
PHP

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

副業したい方

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

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

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

スキルアップしたい方

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

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

1時間でできる無料体験
挫折しない学習方法とは？
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptで文字列を1文字ずつ分割して配列に入れる方法を現役エンジニアが解説【初心者向け】