JavaScriptで文字列を比較する
ここでは、JavaScriptで文字列を比較する方法と注意点について説明します。数値と同様、文字列の比較にも比較演算子を使います。比較同値演算子 ==, === を用いた文字列の比較JavaScript で使われる同値演算子には == と === (それぞれに対応する否定演算子 != と !==)があります。両者の違いは比較する際に型変換を行うか否かで、=== は型変換を行わずに比較します。文字列……
ここでは、JavaScriptで文字列を比較する方法と注意点について説明します。数値と同様、文字列の比較にも比較演算子を使います。比較同値演算子 ==, === を用いた文字列の比較JavaScript で使われる同値演算子には == と === (それぞれに対応する否定演算子 != と !==)があります。両者の違いは比較する際に型変換を行うか否かで、=== は型変換を行わずに比較します。文字列……
JavaScript には、数学的な操作を行うためのメソッドや円周率などの定数を表すためのプロパティをもつ Math オブジェクトがあらかじめ用意されています。ここでは、Math オブジェクトのメソッドを用いて、数値の四捨五入、切り捨て、切り上げを行う方法について説明します。数値の四捨五入四捨五入を行うには Math.round() を使います。Math.round() は、引数の小数点第1位を四……
JavaScript である値が数値かどうかを判定する場合は、isNaN() 関数を使用します。ここでは、isNaN() 関数の使い方と、使う上での注意点について説明します。isNaN() 関数の使い方isNaN() 関数は、JavaScript に組み込まれている関数です。isNaN() は、引数が数値でない場合に true を返し、数値の場合は false を返します。これによって、特定の値が……
現在開いているページから、リンク先を新しいウィンドウで開く方法について説明します。window オブジェクトは、Web ブラウザ環境で JavaScript を実行する際のグローバルオブジェクトです。ここでは、window オブジェクトのメソッドである window.open() の使い方について紹介します。window.open() の使用例次のHTMLは、ボタンをクリックすると Google ……
JSON は、JavaScript におけるオブジェクトリテラルに基づいたデータフォーマット方式で、シンプルさと JavaScript との親和性の高さからよく使われています。ここでは、JavaScript から Web上にある JSON 形式のデータを読み込む方法について説明します。XMLHttpRequest を使って JSON を読み込むXMLHttpRequest() は、HTTP を使っ……
JavaScript にはクロージャという仕組みがあります。ここでは、JavaScript における基本的な仕組みについて説明します。クロージャとはある関数が定義された際の「環境」を保持しているとき、その関数をクロージャと呼びます。具体的に説明すると、ある関数がスコープチェーンによって外側にある変数への参照を保持しているとき、その関数はクロージャといえます。よく見られるカウンタ関数のクロージャの例……
ここでは、JavaScript における変数のスコープについて説明します。スコープとは変数はスコープと呼ばれる有効範囲をもっています。スコープとは、ある変数名を参照したり、変更したりすることのできる範囲を表しています。ローカルスコープとグローバルスコープJavaScript にはローカルスコープとグローバルスコープという2つのスコープが存在します。ローカルスコープ関数内で var を用いて宣言され……
文字列から部分集合を取り出すには、文字列オブジェクトのメソッドである slice()、substr()、substring() を使います。ここでは、substring() メソッドの使った文字列の切り出し方法2について説明します。substring() の使い方substring() メソッドは、文字列から引数で指定した部分集合を切り出します。文字列.substring(開始位置のインデックス番……
javascript void(0) は a タグの href 属性値としてよく使われますが、これは何を意味しているのでしょうか。ここでは、JavaScript における void 演算子の意味と、典型的な使用例として a タグと onclick を組み合わせて使う例を説明します。 a タグと onclick を合わせて使う JavaScript では、ブラウザ上の HTML 要素に対してクリック……
Dreamweaver CC 2017 Beta 2 がリリースされたことが発表されました。 モダンな黒をベースとした UI に変更され、内部的にも Brackets のコードエンジンを移植するなど大幅リニューアルされた Dreamweaver CC 2017 Beta(6月22日リリース)から、数ヶ月ぶりのアップデートとなります。 Dreamweaver Beta 2 における改善点 検索・置換……