ドキュメント : Programming
-
【JavaScript】残余引数 - 引数の個数を可変にする
JavaScriptの残余引数をご紹介します。残余引数残余引数は関数の引数を配列として受け取る仕組みです。他のプログラミング言語では可変長引数とも呼ばれます。基本構文function 関数名( ...残余引数名 ) { // 処理........ return 値;}残余引数はドット(.)を3つ繋げ、続いて変数名を記述します。また、仮引数と合わせて使うことも可能です。function
-
【JavaScript】ラッパーオブジェクト - プリミティブ(リテラル)のラッパー
JavaScriptのプリミティブ(リテラル)のラッパーオブジェクトをご紹介します。ラッパーオブジェクトラッパーオブジェクトは値とメソッドを持つオブジェクトです。数値や文字列などのプリミティブ(リテラル)な値はデフォルトでラッパーオブジェクトが用意されています。プリミティブ型のラッパー代表的なラッパーオブジェクトは次の3つです。値プリミティブ型ラッパーオブジェクト数値numberNumber文字列
-
【JavaScript】イミュータブル・ミュータブル - 値の変更可否
JavaScriptのイミュータブルとミュータブルをご紹介します。値の種類値は型の分類がありますが、値の変更可否による分類もあります。変更不可能な値をイミュータブルな値、変更可能な値をミュータブルな値と呼びます。イミュータブルイミュータブルな値は変更できません。代表的な値は数値や文字列などです。次のコードをご覧ください。let num = 8;console.log(num);num = 10;c
-
-
【JavaScript】正規表現 - 文字列のパターン表現と検索
JavaScriptの正規表現をご紹介します。正規表現正規表現は文字列をパターン化して表現する記法です。パターンに一致する文字列を検索するためなどに使います。正規表現の基礎は次のドキュメントで解説しておりますのでご覧ください。生成正規表現値の生成は2パターンあります。スラッシュ記法正規表現をスラッシュ(/)で括る記法です。/正規表現/RegExpオブジェクトRegExpオブジェクトを使う方法です。
-
【JavaScript】例外処理(try-catch-finally) - 予期せぬエラーの対応処理
JavaScriptの例外処理をご紹介します。例外例外はプログラム実行時の予期せぬエラーのことです。例外処理例外処理は例外が発生した場合に、プログラムで復帰する処理を行うことです。※ 致命的な(プログラムで復帰できない)エラーは対応できません。JavaScriptではtry-catch-finallyを使うことで例外処理を実現します。基本構文try { // 処理........} catc
-
-
-
【JavaScript】Dateオブジェクト - 日時を表現するオブジェクト
JavaScriptのDateオブジェクトをご紹介します。DateオブジェクトDateオブジェクトは日時を表現するオブジェクトです。生成Dateオブジェクトの生成はコンストラクタを使います。new Date("日時")実引数を与えない場合は実行時の日時で生成します。サンプルlet date1 = new Date();console.log(date1);let date2 = new Date(
-
【JavaScript】Mathオブジェクト - 数学的機能を有するオブジェクト
JavaScriptのMathオブジェクトをご紹介します。MathオブジェクトMathオブジェクトは数学的機能を所有するオブジェクトです。絶対値の取得(abs)absメソッドは絶対値を取得します。let num = Math.abs(-8);console.log(num);8四捨五入(round)roundメソッドは小数点以下第一位を四捨五入します。let num = Math.round(1.
-
【JavaScript】Ajax - HTTP通信の同期・非同期とGET・POST
JavaScriptのAjaxをご紹介します。AjaxAjaxは『Asynchronous JavaScript + XML』の略称で、Http通信の仕組みです。同期処理・非同期処理に対応しており、サーバーとのデータ取得やデータ送信を行うために使用します。同期・非同期Http通信はサーバーにリクエストを送信し、結果をレスポンスとして受け取ります。ネットワークを介したやり取りとなり、一連の処理を完了
-
-
【JavaScript / DOM】DOM入門 - HTML要素のプログラム制御
JavaScriptのDOMを解説します。DOMDOMの正式名称は『Document Object Model』です。WEBドキュメント(HTMLやXMLなど)をオブジェクトデータとして扱うインターフェースになります。※ インターフェースはソフトフェア等を繋げるための接点のイメージです。JavaScriptのDOMはHTMLやXMLなどのマークアップドキュメントを操作します。ノードノードはHTML
-
【JavaScript / DOM】要素ノードの取得 - getElementById / getElementBy* / querySelectorAll
JavaScript/DOMの要素ノードを取得する方法を解説します。要素ノードの取得JavaScriptのDOMは、HTMLドキュメントの要素ノードを取得できます。取得にはタグ名や属性(idやclassなど)を指定します。タグ名タグ名を指定して要素ノードを取得できます。取得した値は配列(厳密には異なる)のような値で指定したタグ名の要素ノードを全て格納しています。そのため個別に要素ノードを取り出す必