Javascript プログラミング

関数の作成・宣言 条件分岐【Javascript 入門 #2】

 

みやちゃ

 

皆さんこんにちは、みやちゃです!

物理とプログラミングについて解説しています!

こちらの記事で、Railsのアプリケーション開発からRspecのテスト、herokuにデプロイまで解説しています!

今回はJavascriptの第二弾です!

今回は
  • 関数の作成・宣言
この記事を読むと

javascriptで関数を作成する事ができるようになります!

関数宣言

Javascriptでは、functionを使う事で、関数を宣言する事ができます。

functionのキーワードの横に関数名を書いて、関数の内容を記述する事で、関数を宣言します。

実際にコードを書いてみましょう。

コードを書いてみる

実際に関数を宣言して実行してみましょう。

新しく「calcifer.js」という名前のファイルを作成します。

まずはターミナルを開いてください。

miyacha $ touch calcifer.js

新しくファイルが作成されたので、中身を記述していきましょう。

中身を以下のように記述してください。

function calcifer(color){

  if (color === "red"){
    result = "キングスベリーの扉!";
  } else if (color === "blue"){
    result = "港町ー!";
  } else if (color === "green"){
    result = "城のドア";
  } else if (color === "black"){
    result = "ハウルのみぞ知る";
  } else {
    result = "error";
  }
  return result;
};

console.log(calcifer("blue"));

ハウルの動く城がわからない方は申し訳ありません。

コードの内容としては、カルシファーにドアの色を伝えてあげると、その場所を教えてくれるという内容です。

コードの説明

function calcifer(color){

  if (color === "red"){
    result = "キングスベリーの扉!";
  } else if (color === "blue"){
    result = "港町ー!";
  } else if (color === "green"){
    result = "城のドア";
  } else if (color === "black"){
    result = "ハウルのみぞ知る";
  } else {
    result = "error";
  }
  return result;
};

console.log(calcifer("blue"));

はじめに、functionのキーワードの横にcalciferという名前の関数を宣言しています。

また、宣言する際にcolorという引数を与えてあげています。

この引数で条件分岐する事で、calciferは異なる値を返答してくれます。

コードの実行

それでは、calcifer.jsを実行してみましょう。

ターミナルを開いて、以下のコマンドを実行してください。

miyacha $ node calcifer.js

コードでは、引数として「"blue"」を与えてあげてたので、実行結果は、「港町ー!」でした。

引数を変えて、プログラミングを実行してみてください。

まとめ

いかがでしたでしょうか?

今回は、Javascriptにて、関数の作成、宣言について解説しました!

 

みやちゃ

 

ここまでご覧いただきありがとうございます!

こちら のUdemyの動画教材は、8時間で、

  • Dockerで仮想環境構築
  • Railsの基礎を解説しながら、アプリケーション開発
  • RSpecでテストを記述

まで解説しています。

Udemyの教材へ

Railsエンジニアとして働くために必要な、DockerとRSpecを同時に解説してくれています。

DockerとRSpecを使って作ったポートフォリオはかなり評価が高くなります。

ぜひ動画を見てみてはいかがでしょうか?

Udemyの教材へ

受講生は、5000人以上!です。

さらに、Udemyは、30日間の返金保証付きなので、いつでも返金できます。

たったの8時間でDocker、Rails、Rspecを学ぶ即戦力Railsエンジニア養成講座

こちら のUdemyの動画教材は、8時間で、

  • Dockerで仮想環境構築
  • Railsの基礎を解説しながら、アプリケーション開発
  • RSpecでテストを記述

まで解説しています。

Udemyの教材へ

Railsエンジニアとして働くために必要な、DockerとRSpecを同時に解説してくれています。

DockerとRSpecを使って作ったポートフォリオはかなり評価が高くなります。

ぜひ動画を見てみてはいかがでしょうか?

Udemyの教材へ

受講生は、5000人以上!です。

さらに、Udemyは、30日間の返金保証付きなので、いつでも返金できます。

たったの8時間でDocker、Rails、Rspecを学ぶ即戦力Railsエンジニア養成講座

© 2021 みやちゃのブログ Powered by AFFINGER5