プログラミング言語といっても、その種類は無数にあります。いざプログラミングを学ぼうとしても、どれを選んでいいかわからないという方も多いのではないでしょうか。そこで今回は、プログラミングを学ぶ上での難易度をプログラミング言語別に説明します。

[【関連記事】「未経験だけどIT業界に転職する方法! 職種や仕事内容もご紹介」](https://mynavi-agent.jp/knowledge/it/762.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)

[【求人特集】「システムエンジニアの転職」](https://mynavi-agent.jp/it/systemengineer/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)

## プログラミング言語の難易度は何を基準に変わる？

まずは、プログラミング言語の違いについて解説します。

プログラミング言語には、実行方式がコンパイル方式とインタープリタ方式の2種類があります。

一旦ソースプログラムを機械語に翻訳して、実行する方式です。この翻訳する作業をコンパイルといい、翻訳するプログラムのことをコンパイラといいます。

コンパイル方式はプログラムの実行速度が速い一方で、プログラムをコンパイルする手間がかかったり、コンパイル済みのプログラムは他の環境で実行できなかったり、という特徴があります。

プログラムの命令を一文ずつ機械語に解釈して実行します。作成したプログラムをすぐに実行できるのでテストなどがしやすいですが、コンパイル方式に比べると処理が遅いといった特徴があります。

プログラミング言語は記述方式によって手続き型、オブジェクト指向型、関数型の3つに分類できます。

コンピュータへの命令を順番に記述することでプログラムを構成する方式です。コンピュータが処理する機械語を、人間にもわかりやすく翻訳したものといえます。

関連するデータやそれを処理する命令をオブジェクトとしてひとまとめにし、オブジェクト間で指示やデータを送り合うことでプログラムを実行します。オブジェクト化することで、複雑な処理も管理しやすいといった特徴があります。

関数を組み合わせることで計算や処理を実行します。手続き型やオブジェクト指向型は問題解決の手順を記述し変数によって現在の状態を保持しますが、関数型では再帰的に関数を呼び出して処理を進め、現状を保持しないのが特徴です。

## 習得難易度はどれくらい？プログラミング言語の用途も一緒にご紹介

具体的にどのようなプログラミング言語があるのか、難易度別にみてみましょう。

PHPは、主にWeb開発に用いられる*スクリプト言語です。プログラミング言語の中でも比較的仕様や文法が簡単であるため、初心者でも習得しやすいのが特徴です。MySQLなどのデータベースとも連携が容易であり、WordpressなどのWebアプリケーション開発にも使われています。

JavaScriptはWebブラウザ上で動作する*スクリプト言語です。Webページに対して文字や画像を拡大・縮小したり、動画の再生、メッセージを送付したりするなど、動的なコンテンツを実装できます。HTMLに対して直接書き込むことができるため、少ない命令で実装することができ、難易度は比較的低めになっています。

Rubyは日本人によって開発されたオブジェクト指向の*スクリプト言語で、言語を作る人・使う人・学ぶ人すべてが楽しめることを目的としています。汎用性が高く様々な環境下で動作するため、WebサイトやSNS、チャットボット、人工知能(AI)など幅広い分野での開発言語として用いられています。記述がシンプルであるため学習難易度も低く、日本語の記事や書籍も多いため、プログラミング初心者でも安心して学習できます。

スクリプト言語とは、比較的容易に記述でき、習得が簡単になるように工夫されたプログラミング言語です。他の言語と比べてすばやく開発ができ、すぐに実行できるといった特徴があります。ただし、言語として厳密に定義されているわけではなく、抽象的な総称としてこう呼ばれています。

Pythonは汎用性の高いスクリプト言語で、アプリケーション開発からWebシステム開発、人工知能(AI)など幅広い分野で活用されています。できることの幅が広いため初心者にはどうすればいいか迷ってしまうかもしれませんが、シンプルな構文でわかりやすいため、プログラミング学習にも最適といえます。

C#はマイクロソフトが開発したオブジェクト指向型のプログラミング言語で、WindowsアプリケーションのほかmacOSやスマートフォンアプリ、Webアプリなどの開発に用いられています。JavaとC++の特徴を取り入れて作られているため言語体系がやや複雑ですが、開発環境も整えやすく習得はそこまで難しくありません。

GoはGoogleによって開発されたオープンソースのプログラミング言語です。「軽量・高速・シンプル」を掲げており、実行速度が速く並列処理に強い、消費リソースが少ないといった特徴があります。

そのため、WebアプリケーションやAPIサーバー開発、PaaSなど幅広い分野で活用されています。まだまだ歴史の浅い言語であるため実例が少ないですが、シンプルなためプログラミング学習も比較的容易といえます。

Objective-CおよびSwiftは、iOSやmacOSのアプリケーション開発用にAppleが提供するプログラミング言語です。Objective-Cはその名が示す通りC言語をベースにオブジェクト指向化したもので、iPhoneが発表された当初、iPhoneアプリ開発の標準言語として使われていました。

その後、iOSやmacOSの高機能化が進み、開発効率を上げるにはObjective-Cでは限界となり新たにSwiftが開発されることになりました。Objective-Cは表記が独特で初心者には扱いにくい言語でしたが、Swiftでは覚えることが比較的少なく開発環境も整えやすいため初心者でも習得しやすい言語といえます。

C言語はプログラミング言語の中でも特に知名度の高い言語です。汎用的に使えるため、Webアプリやスマホアプリからロボット制御の組み込みアプリなど様々な分野で活用できます。

ただし、アプリ開発に時間がかかるうえ、人間よりも機械に近い言語で構文もやや読みにくいため、学習難易度は高めです。しかしC言語を習得すれば、様々なプログラミングの基礎となる知識が身につくので、大学などの教育機関で学習対象となっていることがあります。

Javaは大企業での大規模システム開発から、最近ではAndroidアプリの標準言語としても使われているほど、幅広い分野にて使用されている人気言語のひとつです。

JavaはJVM(Java Virtual Machine：Java仮想マシン)上で動作するため、JVMに対応していればOSやデバイスを問わずどのような環境でも動作できるのが特徴です。

しかし高性能な分、学習難易度は比較的高めです。特にオブジェクト指向を理解していないとJavaでの開発が効率よく進められないため、実用レベルまで習得するのに時間がかかりがちです。

C++は、C言語を機能拡張したプログラミング言語です。そのため、家電などハードウェアの操作システムからPC・モバイルアプリの開発、業務システムなど、幅広い分野でのプログラムを作成できます。

ただし、C++はC言語をオブジェクト指向できるよう機能拡張しているため、言語仕様がとても複雑になっています。ほかの言語では簡素なコードでもC++では何行も書かなければならないケースもあり、学習コストは高めといえます。

## どんな企業で働きたいか、何を作りたいかで学ぶべき言語は変わる

プログラミング言語によって、「できること」「できないこと」は異なります。そのため、プログラミングを学習する前にどんな企業で働きたいか、どんなものを作りたいかを明確にしましょう。

例えば、Webシステムを開発したい場合はPHPやJavaScriptの習得は必須となりますし、人工知能(AI)の分野であればPythonが盛んに使われています。

またエンジニアとしてのキャリアを目指す場合、年収や求人数にも注目しましょう。なぜなら、エンジニアとして扱えるプログラミング言語で、年収や求人数が異なるからです。

企業側からの需要が高く扱える人が少ない言語ほど、年収や求人数が高くなる傾向にありますので、自分がやりたい分野の求人があり年収が納得のいくものであるか確認したうえで、プログラミング言語を学びましょう。

今回は、種別や難易度別にプログラミング言語について紹介しました。

言語によって得意不得意が異なるため、それによって出来ることも変わり求人数や年収も違ってきます。

特にプログラミング言語を習得するには時間がかかるため、目的にあった言語を選ばないと大きく時間をロスしてしまいます。エンジニアとしてのキャリアを目指すなら、そのキャリアプランをしっかり立てた上で習得すべきプログラミング言語を選びましょう。

プログラミング言語を難易度別に紹介、言語別「できること」も【初心者対象】

プログラミングに興味がある人でなくても、一度は「JavaScript」という名を目にしたことがあるのではないでしょうか。

JavaScriptは、これからプログラミングを身につけようと考えている方でも比較的学びやすく、かつ非常に利用価値の高い言語でもあります。

ここでは、そのJavaScriptの特徴やメリットについて解説していきます。

まず、JavaScriptとはどのようなものかについて解説します。

JavaScriptとは、Webブラウザ上で動作するプログラミング言語の一つです。 Webページは一般的にHTMLを用いてつくられますが、それだけでは文章や画像をそのまま表示するだけで面白みがありません。しかしJavaScriptを用いれば、ブラウザ上で画像を拡大・縮小したり、動画を再生したり、入力フォームからメッセージを送付したりするなど、ユーザーの操作に応じて内容が変わる動的なコンテンツを実装することができます。

### JavaScriptはどのような場面で使われている？

JavaScriptは主にWebシステムの開発に用いられます。 例えばユーザーが見ているWebコンテンツを動的に生成したり、フォームに入力された情報をチェックしたりするなど、WebブラウザとWebサービスとのやりとりを円滑にするためのフロントエンド言語として使われています。

名前は似ていますが、JavaScriptとJavaは全く異なるプログラミング言語です。JavaScriptは主にWebページ上でのプログラムを開発することに用いられるのに対し、Javaは業務システムやスマートフォン向けアプリなど、環境に依存しないプログラムを開発することに用いられます。また、JavaScriptはコンパイル不要ですが、Javaは実行するのにコンパイルが必要です。なお、名前が似ているのは、発表以降世界中の注目を集めたJavaの人気に便乗したためだとされています。

## JavaScriptの人気が高い理由とは

JavaScriptは、もはやWebシステムを開発するための定番言語といっても過言ではありません。ここではその人気の秘密について紹介します。

JavaScriptは、開発するにあたっての環境を整えることが簡単であるという特徴があります。スタンドアロンからブラウザ上で動作するものまで様々なエディタが揃っており、すぐに利用できます。もちろん、OS標準のテキストエディタでも開発可能です。

### 学習するための環境や教材が揃っている

JavaScriptは世界中で利用されているため、学習環境や教材も揃っています。専門的な学校での教育や入門者向けのサイト・ブログ、最近ではオンラインでプログラミングの学習を指導するサービスも増えています。

続いて、JavaScriptによってどのようなコンテンツが開発できるのか、具体例を3つ見てみましょう。

JavaScriptで最も一般的なのが、動的Webページの作成です。 WebページはHTMLとCSSによって表示させることができますが、ユーザーの操作に応じてそれを変化させることはできません。

しかし、JavaScriptによって動的にページを作成することで、メニューの表示やフォームの内容確認など、ユーザーの操作に応じたコンテンツを充実させることができます。

JavaScriptではWebアプリの開発も可能です。例えば、ECサイトの検索エンジンやブラウザゲームなどがあります。なお、JavaScriptだけでWebアプリを開発することも可能ですが、一般的には「Ruby」や「Python」のような他の言語と併用されることが多いです。

JavaScriptは一般的にフロントエンド言語とされていますが、サーバーサイドの開発にも利用できます。Node.jsを用いることでブラウザがなくてもJavaScriptが実行できるようになり、サーバーサイドの処理をJavaScriptで書けるようになります。フロントエンド・サーバーサイド両方で同じ言語を用いることで、開発がより効率化できるのがポイントです。

## JavaScriptでの開発に向いていないものとは？

JavaScriptはWebブラウザ上で動作するプログラミング言語です。したがって、Webブラウザを介さないアプリケーションや業務システムなどの開発には向いていません。

それでは、JavaScriptを学ぶと、どのようなメリットが得られるのでしょうか。ここでは3つの例を挙げ解説します。

### 多くのWebアプリの作成に対応できる

JavaScriptはブラウザ上での動作となるため、Webサイトへアクセスできる環境であればOSやデバイスなどの環境に依存しません。そのため、多くのWebアプリの作成に対応することができます。

JavaScriptはどのようなWebアプリにも対応できるため、Web開発案件において使われることが自然と増えます。さらに、フロントサイドだけでなくサーバーサイドにも対応できるJavaScriptを学習しておくことで、請け負える仕事の幅が広くなります。

JavaScriptは日々進化しており、ライブラリやフレームワーク、拡張言語などにおいて次々と新しいものがつくられています。今後もJavaScriptが発展し生産性が上がっていくことが見込まれるため、将来性の高い言語です。習得しておけば様々な現場での活躍につながります。

実際にJavaScriptがプログラミング言語としてどのようなメリットがあるのか、具体的に解説します。

### 初心者でも学習しやすいプログラム構文

JavaScriptのプログラム構文はとてもシンプルです。そのため、プログラミング初心者でもわかりやすく、また世界中にユーザーがいるためコミュニティ環境が充実しており、開発者が育ちやすいというメリットもあります。

### フレームワークやライブラリが充実している

JavaScriptにはフレームワークやライブラリが充実しています。これらを活用することで実装の時間を短縮することができるため、効率よく開発を進めることができます。

### フロントエンド開発・バックエンド開発どちらでも使える

JavaScriptは本来フロントエンド開発の言語として使われてきました。しかし現在では、Node.jsによってバックエンド開発にも使われるようになりました。JavaScript一つでフロントエンドからバックエンドまで一括して開発できるため、管理が行いやすいというメリットがあります。

続いて、JavaScriptのデメリットについても見てみましょう。

### 処理速度が他の言語より遅い

JavaScriptは、他の言語に比べると処理速度が遅い傾向にあります。これは、JavaScriptがコンパイル不要であるが故に、実行時にプログラムの解析、解釈、変換が必要になるため、処理に時間がかかってしまうためです。

### ブラウザによって挙動が異なることがある

JavaScriptはブラウザ上で動作する言語であるため、ブラウザの種類やバージョンによって挙動が異なる可能性があります。異なるブラウザでも同じように動作させるためには、それぞれの環境でテストを行う必要があるため、通常の開発テストよりも工数がかかってしまいます。

## JavaScriptの学習に向いている人

JavaScriptはWebシステム向けの開発言語であるため、特にWebサイトやWebアプリを開発したいという人に向いている言語と言えます。JavaScriptによってWebサイトやWebアプリのユーザーエクスペリエンスが大きく変わるため、習得していればWeb開発の仕事を獲得しやすくなるでしょう。

この記事では、JavaScriptの特徴について解説しました。

いまやJavaScriptはWeb開発において必須と言っても過言ではなく、エンジニアとしてキャリアアップを目指すなら、JavaScriptを習得しておいて損はありません。ぜひこの記事をきっかけに、JavaScriptに対する理解を深めてください。

<center>[あなたに合った企業選びをサポート致します。<br/>エンジニア転職のご相談はぜひ<br/>*『マイナビIT エージェント』*へ！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)</center>

【初心者向け】JavaScriptとは？ 人気の理由とメリット・デメリットについて

## 天津大大学院生の魏斯文さんが、毎分691.55ビットの世界新記録を樹立

中国の北京で、2019年9月に開催された世界ロボット大会で、脳波タイピングの速度記録に挑戦するコンテンストが開催された。3人の選手が出場し、その中で天津大学の大学院生である魏斯文さんが、毎分691.55ビットの世界新記録を樹立して優勝した。

この速度は、英文入力に換算すると、1文字あたり0.413秒に相当するという。英文の場合、一般には1分あたり100文字が速いタイピングの目安になっている。この世界記録は、毎分140文字程度に相当するため、指によるタイピングよりも速く入力ができたことになる。

## どうやって脳波を使って文字入力する!?

ところで、脳波タイピングというのは、いったいどうやって脳波を使って文字入力をするのだろうか。

これにはSSVEP(定常状態視覚誘発電位)と呼ばれる脳波を利用する。清華大学の高小榕教授チームが開発したシステムでは、PCの画面にアルファベットの一覧が表示され、すべての文字が異なる周期で明滅をしている。この中から、入力をしたい文字を注視すると、その文字の明滅周期と同期したSSVEPが発生する。これをヘッドギアの電極で捉え、文字周期とシンクロするSSVEPを観測したら、その文字が入力されたと見なす。

~~ 脳波タイピングの仕組み。ディスプレイ上の文字は、それぞれ異なる周期で明滅をしている。入力者が入力をしたい文字を注視すると、明滅周期にシンクロした脳波が発生する。これを観測して、文字入力をする。[A Dynamic Windwow Recognition Algorithm for SSVEP-Based Brain-Computer Interfaces Using a Spatio-Temporal Equalizer, Chen Yang](https://www.researchgate.net/publication/325851778_A_Dynamic_Window_Recognition_Algorithm_for_SSVEP-Based_Brain-Computer_Interfaces_Using_a_Spatio-Temporal_Equalizer?_fsi=x2Y9Smax)他より引用 ~~

端から見ていると、入力者はただ画面を見て集中しているだけで、指1本動かしていない。まるで、念力で文字入力をしているかのように見える。

しかし、この脳波タイピングは誰にでも簡単にできるというものではないようだ。今回のコンテンストでは、3人の選手が出場したが、第2位の記録は毎分451.99ビット、第3位は毎分410.38ビットと、指によるタイピングよりも遅い速度でしかなかった。

しかも、この3人は、脳波タイピングの精鋭たちだった。清華大学の高小榕チームでは、脳波タイピングのコンテストを過去3回開いていて、毎回2000人ほどがタイピングスピードを競っている。今回のコンテストに参加したのは、いずれも決勝進出者で、脳波タイピングの世界記録を樹立することを狙ったイベントだった。

~~ 北京で開催された世界ロボット大会での、脳波タイピングコンテストの様子。規制テープ内に立っているシャツの人が、このシステムを開発した精華大学の高小榕教授。[マカオ大学ニュースページより引用](https://www.um.edu.mo/zh-hant/news-and-press-releases/press-release/detail/48791/?_fsi=x2Y9Smax) ~~

## 脳波タイピング、ALS（筋萎縮性側索硬化症)患者などのコミュニケーション手段として期待

このような脳波タイピングの研究は、例えば、ALS（筋萎縮性側索硬化症)患者などのコミュニケーション手段として活用されることが期待されている。ALS患者は、舌やのどの筋力も弱まり、言葉を発することが難しくなる。また、手足の運動麻痺も進行すると、筆談やジェスチャーも難しくなる。

そこで、一般的に用いられているのが、文字盤を使う方法だ。指が動かせる状態であれば、文字盤を指差す方法、あるいはキーボードをタッチする方法で、文字を入力することができる。

手足の運動麻痺も進んでしまった場合は、透明の文字盤を使い、読み手と患者が東名文字盤上の文字を通過するように視線を合わせ、瞬きを合図として文字を決める。

しかし、読み手が常に必要になる上に、患者の負担は大きく、さらに入力にも時間がかかる。患者がSNSなどを使いたいと思っても、短文を入力するだけでも、長い時間と患者の負担と周囲の手助けが必要になる。

脳波タイピングは、このような問題を解消し、患者が誰の手を借りることもなく文字入力をすることができるようになると期待を集めている。

さらに、入力できるのは文字だけではない。単語を表示して、より簡単に意思を伝えることも可能であるし、車椅子や家電製品のコマンドを並べて表示して、自分で制御することも可能になってくる。

~~ 脳波タイピングは、ALS患者などのコミュニケーションツールとして期待をされているが、乗り越えなければならない課題も多い。現在も、研究者たちにより、日々改良されている。写真は、精華大学チームの開発による最新型のヘッドギア。[「2018年脳機接口研発熱点回眸」](https://www.researchgate.net/publication/332223803_2018niannaojijiekouyanfaredianhuimou)（陳小剛他）より引用 ~~

## 一般の人も、意外なところで使う機会が今後出てくる可能性

ただし、高小榕教授によると、まだまだ脳波タイピングの実用化にはいくつもの課題があるという。そもそも、適性のようなものがあり、かなりのトレーニングを積まないとスムースに入力できるようにはならない。

今回のコンテンストでは、事実上のトップ選手3人が出場したが、それでも手によるタイピング速度を上回る好成績をあげたのは、優勝した魏斯文さんのみだった。新しいコミュニケーション手段として利用できるようになるまでは、まだまだ時間がかかる。

しかし、専門家からは、別の形で普及する可能性も指摘されている。それは脳波タイピングをすることが、集中力を養い、創造力、記憶力、注意力を向上させることがわかっているからだ。文字入力をすることが目的ではなく、集中力を養うトレーニングとして使われるようになる可能性もあるという。

このようなSSVEPを利用した入力装置の研究は、中国だけでなく、日本でもその他の国でも行われている。一般の人でも、意外なところで使う機会が今後出てくるかもしれない。

中国が、脳波タイピングの世界記録を樹立。毎分140文字相当で、指のタイピング速度を上回る

プログラミングにおいて必須スキルと言っても過言ではないループ処理。その中でも「forEach文」は、シンプルなコードによりJavaScriptでのプログラミングを大きく効率化できるものです。

ここでは、そのforEach文について、基礎的な使い方から上級者向けのコードまで解説していきます。

[【関連記事】「未経験だけどIT業界に転職する方法! 職種や仕事内容もご紹介」](https://mynavi-agent.jp/knowledge/it/762.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)
[【求人特集】「システムエンジニアの転職」](https://mynavi-agent.jp/it/systemengineer/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)

forEach文とは、JavaScriptにおいて配列に特化したループ処理です。コールバック関数に実行したい内容を記述することで、配列の要素ひとつひとつに対して繰り返し処理を実行します。

forEach文では、配列の各要素に対する繰り返し処理を一括で指示することができます。

通常のfor文の場合、配列内のデータを順に出力するにはループの終了条件やカウンターなどの設定が必要となり、少し複雑なコードになりがちです。

しかしforEach文であれば、コールバック関数に実行したい処理内容を記述するだけで済むので、コードをシンプルにまとめることができ、ミスの軽減や管理がしやすくなるといったメリットがあります。

forEach文の基本形は次のようなコードになります。

```var array = [配列データ];
array.forEach(コールバック関数);```

この形をベースに、一次元配列と多次元配列における使い方について見てみましょう。

まずはforEach文の基本的な使い方として、一次元配列の場合で解説します。具体例として、次のコードを見てみましょう。

```var array1 = [‘東京’, ‘神奈川’, ‘千葉’, ‘埼玉’];
array1.forEach(function(value) {
console.log(value);
});```

このコードでは、array1に格納された各要素に対して、forEach文にて順に出力するような命令になっています。そのため、実行するとarrayに格納されている『東京』『神奈川』『千葉』『埼玉』が順に出力されます。

次に、多次元配列の場合ではどのように処理されるか解説します。具体例として、次のコードを見てみましょう。

```var array2 = [
[‘東京’, ‘神奈川’, ‘千葉’, ‘埼玉’],
[‘茨城’, ‘栃木’, ‘群馬’]
];
array2.forEach(function(value) {
console.log(value);
});```

このコードでは、array2に格納された要素に対してforEach文で出力するような命令になっています。そして、この「array2に格納する」ことが注意ポイント。このコードでarray2に格納されている要素は2つの配列です。

したがって、実行結果は『‘東京’, ‘神奈川’, ‘千葉’, ‘埼玉’』『’茨城’, ‘栃木’, ‘群馬’』となります。

## 4.forEach以外のループ処理メソッド

mapは、既存の配列の要素に対して指定した処理を実行し、新しい配列として生成します。動作としてはforEach文に似ていますが、配列を新たに生成するという点が異なります。

具体例として、次のコードを見てみましょう。

```var array3 = [1, 2, 3, 4, 5];
var n3 = array3.map(function(value) {
return value * 2;
});
console.log(n3);```

このコードでは、コールバック関数内にてarray3の要素を2倍にし、新たにn3という配列に格納しています。したがって実行結果は『2, 4 , 6, 8, 10』となります。

filterは、指定した条件に合致する要素を抽出し、新たな配列を生成します。mapと少し似ていますが、mapではすべての値に対してコールバック関数内の処理を実行し新たな配列を生成するのに対して、filterでは該当する要素のみを抽出しています。

```var array4 = [3, 7, 2, 1, 6, 9, 4];
var n4 = array4.filter(function(value) {
return value < 5;
});
console.log(array4);```

array4に格納された要素のうち、filterによって5未満の数値をn4に抽出しています。したがって実行結果は『3, 2, 1, 4』となります。

## 5.中断させたい場合の注意点

JavaScriptではループ処理を中断させる際にbreakをよく利用されますが、forEach文ではbreakを使用することができません。万が一breakが書かれた状態で実行するとエラーになってしまいます。

基本的に、forEach文は同じ処理を各要素全てに繰り返しおこなうため、途中で中断することができません。どうしても処理の途中で中断させたい場合は、通常のfor文を利用しましょう。

## 6.【上級編】コールバック関数の使い方

コールバック関数には、value、index、arrayの3種類の引数が用意されています。それぞれ配列の要素に対して値、インデックス番号、配列の元データが格納されます。

これらを応用した具体例として、次のコードを見てみましょう。

```var numList = [1, 2, 3, 4, 5];
numList.forEach(function(value, index, array) {
array[index] = value * 2;
});
console.log(numList);```

ここでは、forEach文のコールバック関数において、要素の値を2倍したものを元の配列に戻して上書きしています。したがって、処理の結果は『2, 4, 6, 8, 10』となります。

今回は、JavaScriptにおけるforEach文について解説しました。

プログラミングにおいて、ループ処理は必須スキルといえるでしょう。その中でも特にforEach文はとても使い勝手が良く、効率よく配列の中身を処理することができます。

この記事でポイントを整理しながらしっかり理解し、うまく使いこなせるようになりましょう。

<center>[『マイナビ エージェント』なら、IT業界に精通した専任アドバイザーと豊富な求人で、<br/>あなたの転職を丁寧にサポートします。](https://mynavi-agent.jp/entry/?genre=26&utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv08)</center>

プログラミングにおいて必須スキルと言っても過言ではないループ処理。その中でも「forEach文」は、シンプルなコードによりJavaScriptでのプログラミングを大きく効率化できるものです。ここでは、そのforEach文について、基礎的な使い方から上級者向けのコードまで解説していきます。

【JavaScript】forEach文で配列のループ(繰り返し)処理を行う方法

パソコンやスマートフォン、スマート家電など、私たちが生活の中で日々手にするものの多くで使われているプログラミング言語「JavaScript」。エンジニアにとっては、プログラミング技術を知る上では避けて通れないほどの存在感を持つ言語です。

そのJavaScriptの基本の一つである「配列」についてここでは解説します。

配列(Array)とは、プログラミングにおいて複数の値を1つのデータのように取り扱うデータ構造のことです。

一般的にプログラミングでは、文字列や数値を変数に代入して処理しますが、そのデータが10個や20個、さらには100個以上もある場合、一つひとつ変数に代入するのが大変であるため、この配列がよく用いられます。

プログラミング言語であるJavaScriptでも、配列を利用することができるようArrayオブジェクトが用意されています。このArrayオブジェクトを活用することで、配列の作成や追加・削除などが簡単に行えるようになります。

まずは、実際にJavaScriptで配列を利用するための基本的な手順について解説します。

JavaScriptの配列の宣言には、2種類の方法があります。

1つ目は、配列コンストラクタ「Array」を使う方法で、newでArrayの引数に格納したい値を設定します。

2つ目は、配列リテラルを使う方法で、配列に格納したい値を[]内に設定します。具体例として、それぞれコードの記述は次のようになります。

```
//配列コンストラクタ例
var array1 = new Array(‘東京’, ’大阪’, ’愛知’);

//配列リテラル例
var array2 = [‘東京’, ‘大阪’, ‘愛知’];
```

なお、数値を格納する場合は注意が必要です。例えば、配列コンストラクタで「new Array(3)」のように宣言すると、「3つの空の要素をもつ配列を宣言する」という命令になり、”3”という値は格納されません。配列リテラルではそのまま入力した数値が配列の要素として格納されるため、目的にあわせてうまく使い分けましょう。

配列を初期化するには、配列コンストラクタでも配列リテラルでも空の配列であることを宣言します。具体例として、次のようなコードになります。

```
//配列コンストラクタ例
var array1 = new Array();

//配列リテラル例
var array2 = [];
```

配列内の要素を取得する場合は、配列のインデックス番号を指定します。具体例として、次のようなコードになります。

```
var KantoArea = [‘東京’, ‘神奈川’, ‘千葉’, ‘埼玉’, ‘栃木’, ‘茨城’, ‘群馬’];

console.log(KantoArea［1]);　//実行結果は『神奈川』
```

注意点として、インデックス番号は0から始まります。したがってインデックス1を指定している上記の例では、2番目の要素である「神奈川」が実行結果として表示されます。

JavaScriptでは、配列内の要素を検索するためにindexOfメソッドが用意されています。

indexOfメソッドは、引数に指定した値が配列データに存在する場合、そのインデックスを返します。具体例として、次のコードを見てみましょう。

```
var city = [‘新宿’, ‘渋谷’, ‘池袋’];
var n = items.indexOf(‘渋谷’);

console.log(n);　//実行結果は『1』
```

この例では、配列cityに対してindexOfメソッドで文字列「渋谷」が存在するかを確認しています。配列city内で「渋谷」は2番目にあるため、インデックス番号の「1」がnに代入されたことになります。

## 3.pushメソッドを使って要素の追加

JavaScriptで配列に要素を追加したい場合は、pushメソッドを使用します。

pushメソッドは、引数に指定した値を配列の最後に追加します。具体例として次のコードを見てみましょう。

```
var curry = [‘じゃがいも’, ‘たまねぎ’, ‘にんじん’];
curry.push(‘豚肉’);
```

この例では、配列curry宣言時にあらかじめ「じゃがいも」「たまねぎ」「にんじん」の3つの要素が含まれていますが、その最後列に「豚肉」という要素を追加しています。

## 4.delete演算子を使って要素の削除

JavaScriptで配列の要素を削除したい場合は、delete演算子を使用します。

delete演算子は、指定したインデックス番号の要素を削除します。具体例として、次のコードを見てみましょう。

```
var fruits = [‘りんご’, ‘ぶどう’, ‘すいか’, ‘いちご’];
delete fruits［2];

console.log(fruits); //実行結果は『りんご,ぶどう,,いちご』
```

この例では、配列fruitsからdelete演算子によってインデックス番号2の値である「すいか」を削除しました。要素を削除すると空の要素になりインデックス番号は変化しない点に留意しましょう。

## 5.joinメソッドを使って配列の結合

JavaScriptで配列の要素を結合させたい場合、joinメソッドを使用します。

joinメソッドは、配列の各要素を結合させ、ひとつのString型の要素として出力します。具体例として、次のコードを見てみましょう。

```
var christmasValue = [2019, 12, 25];
var christmasDate = christmasValue.join(‘/’);

console.log(christmasDate);　//実行結果は『2019/12/25』
```

このように、joinメソッドは配列内の各要素を引数に指定した文字列で連結させることができます。なお引数に何も指定しなかった場合は、カンマ区切りの文字列となります。

## 6.sliceメソッドを使って配列の分割

JavaScriptで配列の要素を分割させたい場合、sliceメソッドを使用します。

sliceメソッドは、指定したインデックス番号を境目に、新たな配列要素として出力します。第1引数に境目の開始位置、第2引数に終了位置となるインデックス番号を指定します。なお、第2引数を指定しなかった場合は最後の配列要素まで分割されます。

```
var fruitsList = [‘りんご’, ‘ぶどう’, ‘すいか’, ‘いちご’];

var newFruitsList1 = fruitsList.slice(1);
console.log(newFruitsList1);　//実行結果は『ぶどう,すいか,いちご』

var newFruitsList2 = fruitsList.slice(1, 2);
console.log(newFruitsList2);　//実行結果は『ぶどう,すいか』
```

この例では、newFruitsList1では第1引数のみ指定しているためインデックス番号1以降の要素が、newFruitsList2では第1引数と第2引数を指定しているためインデックス番号1〜2の要素が、新たな配列データとして分割されています。

配列内のデータをループ処理するには、for文を利用するのが一般的です。for文は、指定した回数だけ処理を繰り返すための構文で、『for(初期値; 条件式; 増減値)』と記述します。具体例として、次のコードを見てみましょう。

```
var array = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’];

for(var i = 0; i < 5; i++) {
　console.log(array[i]);
}
```

このコードでは、iが0以上5未満の場合にiを1ずつ増加して繰り返し処理をするため、実行結果としては配列lists内のデータが順に出力されます。

## 8.もっと配列を便利に扱う方法

お役立ち記事