Blog
ブログで学ぶUX

JavaScriptで文字列を比較する

ここでは、JavaScriptで文字列を比較する方法と注意点について説明します。数値と同様、文字列の比較にも比較演算子を使います。比較同値演算子 ==, === を用いた文字列の比較JavaScript で使われる同値演算子には == と === (それぞれに対応する否定演算子 != と !==)があります。両者の違いは比較する際に型変換を行うか否かで、=== は型変換を行わずに比較します。文字列……

投稿日:

JavaScriptで数値の四捨五入、切り捨て、切り上げを行う

JavaScript には、数学的な操作を行うためのメソッドや円周率などの定数を表すためのプロパティをもつ Math オブジェクトがあらかじめ用意されています。ここでは、Math オブジェクトのメソッドを用いて、数値の四捨五入、切り捨て、切り上げを行う方法について説明します。数値の四捨五入四捨五入を行うには Math.round() を使います。Math.round() は、引数の小数点第1位を四……

投稿日:

JavaScriptで値が数値かどうかチェックする:isNaN()

JavaScript である値が数値かどうかを判定する場合は、isNaN() 関数を使用します。ここでは、isNaN() 関数の使い方と、使う上での注意点について説明します。isNaN() 関数の使い方isNaN() 関数は、JavaScript に組み込まれている関数です。isNaN() は、引数が数値でない場合に true を返し、数値の場合は false を返します。これによって、特定の値が……

投稿日:

JavaScriptで別窓でウィンドウを開く:window.open()

現在開いているページから、リンク先を新しいウィンドウで開く方法について説明します。window オブジェクトは、Web ブラウザ環境で JavaScript を実行する際のグローバルオブジェクトです。ここでは、window オブジェクトのメソッドである window.open() の使い方について紹介します。window.open() の使用例次のHTMLは、ボタンをクリックすると Google ……

投稿日:

JavaScriptでWeb上のJSONデータの読み込みを行う

JSON は、JavaScript におけるオブジェクトリテラルに基づいたデータフォーマット方式で、シンプルさと JavaScript との親和性の高さからよく使われています。ここでは、JavaScript から Web上にある JSON 形式のデータを読み込む方法について説明します。XMLHttpRequest を使って JSON を読み込むXMLHttpRequest() は、HTTP を使っ……

投稿日:

JavaScriptのクロージャの仕組み

JavaScript にはクロージャという仕組みがあります。ここでは、JavaScript における基本的な仕組みについて説明します。クロージャとはある関数が定義された際の「環境」を保持しているとき、その関数をクロージャと呼びます。具体的に説明すると、ある関数がスコープチェーンによって外側にある変数への参照を保持しているとき、その関数はクロージャといえます。よく見られるカウンタ関数のクロージャの例……

投稿日:

JavaScriptのスコープ

ここでは、JavaScript における変数のスコープについて説明します。スコープとは変数はスコープと呼ばれる有効範囲をもっています。スコープとは、ある変数名を参照したり、変更したりすることのできる範囲を表しています。ローカルスコープとグローバルスコープJavaScript にはローカルスコープとグローバルスコープという2つのスコープが存在します。ローカルスコープ関数内で var を用いて宣言され……

投稿日:

JavaScriptで文字列の切り出しを行う: substring()

文字列から部分集合を取り出すには、文字列オブジェクトのメソッドである slice()、substr()、substring() を使います。ここでは、substring() メソッドの使った文字列の切り出し方法2について説明します。substring() の使い方substring() メソッドは、文字列から引数で指定した部分集合を切り出します。文字列.substring(開始位置のインデックス番……

投稿日:

javascript void(0) とは

javascript void(0) は a タグの href 属性値としてよく使われますが、これは何を意味しているのでしょうか。ここでは、JavaScript における void 演算子の意味と、典型的な使用例として a タグと onclick を組み合わせて使う例を説明します。 a タグと onclick を合わせて使う JavaScript では、ブラウザ上の HTML 要素に対してクリック……

投稿日:

Dreamweaver Beta 2 がリリース

Dreamweaver CC 2017 Beta 2 がリリースされたことが発表されました。 モダンな黒をベースとした UI に変更され、内部的にも Brackets のコードエンジンを移植するなど大幅リニューアルされた Dreamweaver CC 2017 Beta(6月22日リリース)から、数ヶ月ぶりのアップデートとなります。 Dreamweaver Beta 2 における改善点 検索・置換……

投稿日: