新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

JavaScript

【JavaScript】コストラクタ

コンストラクタとは 定義したクラスからオブジェクトを生成し、初期化する際に実行される特殊な初期化用メソッド コストラクタを使用してオブジェクトを生成する方法 1、コンストラクタの定義 2、new演算子でのオブジェクトの生成 コンストラクタについて …

【JavaScript】オブジェクト

オブジェクトとは キー(プロパティ)、バリュー(値)からなるデータの集まり オブジェクトの作成方法 {}の中に0個以上のキー、バリューのセットを含めてオブジェクトを定義する。 4通りの方法を紹介 const samp1 = {name: 'サンプル'} const samp2 = {'n…

【JavaScript】functionキーワード

functionキーワードとは 関数の宣言に使用する 宣言方法には主に以下の3つ 1.関数名を付けて宣言 2.無名関数として宣言 3.即時実行関数として宣言 関数名を付けて宣言する記述例 function create(number) { return number + 3; } 無名関数として宣言…

【JavaScript】throw

throwとは 例外を送出するために使用する(あえて例外を発生させたいときなど) throwを使用すると数値、文字列データ、Errorオブジェクト、ユーザ定義例外オブジェクトなど、さまざまな値を送出できる 記述例 create(0); // throwキーワードによりエラーが…

【JavaScript】try-catch文

try-catch文とは エラーによって作成された例外の検知と解釈、その対応をする構文 try・・・例外が発生する可能性のある処理を記述する。 catch・・・例外が起きた際に実行する処理を記述する。 finally・・・必ず実行する処理を記述する。例外の有無に関わ…

【JavaScript】for/in文

for/in文とは オブジェクトのすべてのキー(プロパティ)を変数に取り出して順に処理をする制御構文 for/inの構文 for ( 変数 in オブジェクト) { 処理; } 例 const dog = { name:'タロウ', color:’黒’ } for ( const data in dog ) { console.log(data); // n…

【JavaScript】do/while文

do/while文とは 指定している条件を満たしている間処理を繰り返す構文 while文との違いは、処理の実行後に条件判定が行われる do/while文の構文 do { 処理; } while (条件式); 例 var num = 5; do { alert('Hello!'); num++ } while (num < 5 )解説 まずdoの…

【JavaScript】while文

while文とは指定した条件を満たしている間、処理を繰り返す構文whileの条件式がtrueの間は処理を繰り返すが、falseになった時点で繰り返し処理を終了する whileの構文 while (条件式) { 処理; } 例 var num = 0; while (num < 5) { alert('Hello!'); num++ }…

【JavaScript】演算子まとめ

演算子をまとめてみました!! 算術演算子 演算子 説明 + 加算を行う。オペランドの少なくとも一方が文字列の場合は連結する。 − 減算を行う。 * 乗算を行う。 / 除算を行う。 ** べき乗を行う。 % 剰余算を行う。 ++ 1加算代入 -- 1減算代入 代入演算子 演…

【JavaScript】Arrayオブジェクト

Arrayオブジェクトとは 配列を管理するJavaScript標準の組み込みオブジェクト メソッドを使用して配列を操作できる Arrayオブジェクトの主なプロパティとメソッド プロパティ/メソッド 説明 length プロパティ。配列の要素数を返す。 pop() 最後の要素を削除…

【JavaScript】要素の取得方法まとめ

ID名を指定して取得する。 document.getElementById(); HTML id = "js-exsample"javaScript document.getElementById('js-exsample'); タグ名を指定して取得する。 document.getElementsByTagName(); element.getElementsByTagName(); HTML <li>Sample2</li>javaScrip…

【JavaScript】JSONオブジェクト

JSONオブジェクトとは JSONデータを扱うためのJavaScript標準の組み込みオブジェクト JSONデータとオブジェクトを相互に変換できる 主にHTTP通信など文字列形式データを取り扱う必要がある場合に使用する JSONとは 配列とオブジェクトを使用したテキストベー…

【JavaScript】組み込みオブジェクト(グローバルオブジェクト)

組み込みオブジェクト(グローバルオブジェクト)とは JavaScriptであらかじめ提供されているオブジェクト JavaScriptが動作する環境であればどのような環境でも使用できる 主な組み込みオブジェクト 組み込みオブジェクト 説明 Object 全てのオブジェクトの…

【JavaScript】URLエンコード

URLエンコードとは URLに使用できない文字が含まれる場合に、使用できる文字に変換する処理のこと。 対して、URLデコードはURLエンコードされた文字を元に戻す処理のこと。 URLエンコード、URLデコードは、データをクエリ文字列としてWebサーバに送信する場…