プログラミング学習仲間と繋がりたい

プログラミング学習 ◎戻り値 - Rubyではメソッドにおける最後の戻り値が、戻り値として処理されました。 def calc(num1,num2) num1 * num2 end num1 = 5 num2 = 6 puts calc (num1,num2) # 戻り値は30が表示 一方JavaScriptでは、関数の戻り値をreturnを用いて明示する必要があります。 returnを用いない場合 function calc(num1,num2) { num1 * num2 } const num1 = 5 const num2 = 6 console.log(calc(num1,num2))…

◎JavaScriptの関数 JavaScriptの関数とは、Rubyでいうところのメソッドのことを 関数と呼びます。Rubyでメソッドを定義する際はdef メソッド名 ~ endと記述をしていました。 JavaScriptでは、function 関数名( ) { 処理 }と記述することで関数を定義します。 ◎function functionを用いることで、関数を定義することができます。 functionに続けて関数の名前を記述します。 そして( )のなかに引数を、{ }の中に処理を書きます。 function 関数名 (引数) { // 処理 } 下記のコードをコンソールに記述し、実行しま…

■プログラミング学習 ◎forEach関数 forEach関数とは、配列に格納されている要素の１つひとつに対して 繰り返し処理を行う場合に用いられる関数です。 配列.forEach( function(value){ // 処理の記述 }) 上記のように、forEach関数の引数に、関数(function)を指定することで、実行できます。 指定した関数(function)に引数を定義することで、その引数には配列の要素が入ります。 上記の例では、引数はvalueになります。 添字０から最後の要素まで繰り返すたびに、引数は各要素に置き換えられます。 例 prefecture = ["tokyo",…

■プログラミング学習 ◎文字列の中に変数を含める方法 前回の内容で、変数の定義、「let」「const」「var」についてまとめました。次は変数に値を定義する際に、文字列の中に変数を含める方法になります。1.+ を用いてそれぞれの値を連結させる 2.テンプレートリテラル◎テンプレートリテラル JavaScriptの構文で、バッククォート(shift + @ )で囲むことで、文字列内に挿入することができます。テンプレートリテラルを使用すると以下が可能になります。 ・文字列の中に変数を埋め込むことができる ・改行をいれることができる ・HTMLの要素を作成するこができる テンプレートリテラルを使用…

■プログラミング学習 ◎JavaScript JavaScriptとは、プログラミング言語の一つです。主にクライアントサイドにおいて、力を発揮する言語で、「ブラウザ上のアプリケーションの使いやすさ」や「リクエストの送り方の工夫」をJavaScriptは担っています。JavaScriptを用いることによって、より使い勝手の良いアプリケーションの作成ができます。JavaScriptは現在ほとんどのWEBアプリケーション開発現場で用いられているほど人気のある言語です。また、世界でもっとも使用されている言語だと言われています。 JavaScriptを用いうことで、下記のような操作が可能です。・ページ遷…

■プログラミング学習 ◎passwordの英数字混合の判断 英数字混合チェックになります。 英数字が混合したパスワードであるか確認をする際には、 英字もしくは数字が少なくとも０回以上続き、 末尾までそれが続くことが前提条件となります。 /\A(?=.?[a-z])(?=.?[\d])[a-z\d]+\z/i ◎「?=」 「?=」の直後に設定した文字でcheckをかけ、設定した文字が続く文字列が存在する場合、その文字列にマッチします。 [1] pry(main)> name = "スティーブ・ジョブズ" => "スティーブ・ジョブズ" [2] pry(main)> name.match(/スティ…

■プログラミング学習 ◎正規表現のWebアプリケーションの利用 Webアプリケーションのバリデーションにおういて、正規表現は非常に有用なものです。 正規表現を用いることで、より細かいバリデーションの設定ができるからです。 よく利用するものとしては、以下の３つがよく使用されます。 郵便番号 全角かな/カナ漢字の区別 passwordの英数混合の判断※例2に ◎郵便番号 郵便番号は、「３桁の数字」と「ハイフン」と「４桁の数字」で構成されています。 きちんとハイフンが記入された正しい形式で郵便番号を入力しているか判別する方法を学びます。 [10] pry(main)> postal_code = "…