English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎チュートリアル

JavaScript 参考マニュアル

JavaScriptのデータ型

値型(基本型):文字列(String)、数字(Number)、布尔(Boolean)、空(Null)、未定義(Undefined)、Symbol。参照型データ:オブジェクト(Object)、配列(Array)、関数(Function)。


データ型プログラミング言語を使用して特定のデータ型を分類するために使用されます。

例えば、数字と文字列は異なるデータ型であり、JavaScriptはそれらを異なる方法で処理します。

JavaScriptの変数は多くのものを含むことができますデータ型:数字、文字列、配列、オブジェクトなど:

 var length = 4;// Number 数字
 var firstName = "Vishal";  // String 文字列
 var user = {firstName:"Vishal", age:22};  // Object オブジェクト
 var fruits = ["Apple", "Mango", "Banana"];// Array 配列

JavaScriptの型は動的です

JavaScriptはフラックスタイプまたは動的言語です。JavaScriptの変数は特定の値の型と直接関連付けられておらず、すべての変数にすべての型の値を割り当て(再割り当て)することができます。

var x = 20; // x は数字です
x = "VISHAL";   // x は文字列です
x = true;   // x はボルン値です
テストを見て‹/›

JavaScriptの数字

JavaScriptには1種類の数字型があり、整数と浮点数を別々に指定するものはありません。

したがって、数字はJavaScriptで小数点があるかないかに関わらず記述できます。

var a = 25; // 小数はありません
var b = 80.05;  // 小数点の右
テストを見て‹/›

上記の2つの場合、データ型はどちらも数字であり、小数点があるかどうかに関わらず同じです。

JavaScriptを使用して、非常に大きくて小さい数字を科学的指数表示法で短縮表示することができます。以下の例を参照してください:

let num1 = 957e8; // 95700000000
let num2 = 957e-8;// 0.00000957
テストを見て‹/›

このチュートリアルの後半で、数字の型に関する詳細な情報を学びます。

JavaScript 文字列

文字列は、1つまたは複数の文字(文字、数字、シンボル)のシーケンスです。文字列はテキストデータを表すためによく使用されます。

JavaScript文字列はテキストの保存と処理に使用されます。

他の言語とは異なり、JavaScriptではシングルクォートとダブルクォートの間に違いはありません。

var msg1 = "Hello world";   // ダブルクォートを使用して
var msg2 = 'Hello world';   // シングルクォートを使用して
テストを見て‹/›

引号を使用して文字列内に引号を含めることができますが、それが文字列の周りにある引号と一致しなければなりません:

var str1 = 'She said "Hey" and left';  // ダブルクォート内のシングルクォート
var str2 = "She said 'Hey' and left";  // シングルクォート内のダブルクォート
var str3 = "Let's have a cup of tea";  // ダブルクォート内のシングルクォート
var str4 = 'We\'ll never give up'; // シングルクォートは反スラッシュでエスケープします
テストを見て‹/›

このチュートリアルの後半で、文字列に関する詳細な情報を学びます。

JavaScript ブール値

ブールデータ型は2つの値のうちの1つであることができます、すなわち true または false

条件テストではよく使用されるブール値です。

(5 > 10)  // falseを返します
(5 < 10)  // trueを返します
("Apple" === "Apple") // trueを返します
テストを見て‹/›

このチュートリアルの後半で、ブール値に関する詳細な情報を学びます。

JavaScript 配列

配列は、1つの変数に複数の値を格納するために使用されます。

JavaScript配列は角括号[]で括られます。

配列項目はカンマで区切られます。

以下のコードは、名前がfruitsの配列を宣言(作成)し、3つの項目(3種類の果物の名前)を含むことを示します:

var fruits = ["Apple", "Mango", "Banana"];
テストを見て‹/›

配列内の各項目や値は要素と呼ばれます。インデックス番号を使用して配列の要素を参照できます。

JavaScript配列のインデックスは0からです:配列の最初の要素のインデックスは0、次の要素のインデックスは1などと続きがあります。

このチュートリアルの後半で、配列に関する詳細な情報を学びます。

JavaScript オブジェクト

JavaScriptでは、オブジェクトは属性の集合として見なされます。

JavaScriptオブジェクトは大括号{}で括られます。

オブジェクト属性は名前:値は、カンマで区切ります。

var user = {firstName:"Vishal", age:22, color:"blue", location:"unknown"};
テストを見て‹/›

の例(ユーザー)には4の属性:firstName、age、color、locationがあります。

オブジェクトに関する詳細は、このチュートリアルの後半で学びます。

演算子の型

typeof演算子は、変数の型を見つけるのに役立ちます。

typeof演算子は変数や式の型を返します。

typeof ""  // 「string」を返します
typeof "Vishal"// 「string」を返します
typeof "42"// 「string」を返します(クォート内のNumberはStringとみなされます)
typeof 42  // 「number」を返します
typeof true// 「boolean」を返します
typeof false   // 「boolean」を返します
typeof undefined   // 「undefined」を返します
typeof null// 「object」を返します
typeof {name:"Vishal", age:22} // 「object」を返します
typeof [2, 4, 6, 8]// 「object」を返します(「array」ではありません、以下の注を参照してください)
typeof function myFunc(){} // 「function」を返します
テストを見て‹/›

注:typeof演算子は配列に対して「オブジェクト」と返します。なぜなら、JavaScriptでは配列がオブジェクトだからです。

undefined (未定義)

undefined値は変数に値が割り当てられていないか、変数が宣言されていないことを示します。

var city;// 値が未定義
テストを見て‹/›

型もundefined

typeof city   // "undefined"
テストを見て‹/›

値を設定することで、どんな変数も空にできますundefined。型もundefined

city = undefined;   // 値が未定義、型が未定義
テストを見て‹/›

null (空値)

この値null故意にオブジェクト値が存在しないことを表します。

JavaScriptでは、のデータ型nullそれはオブジェクトです。

値を設定することで、どんなオブジェクトも空にできますnull

var user = {firstName:"Vishal", age:"22", color:"blue"};
user = null;// 現在valueはnullですが、データ型はまだオブジェクトです
テストを見て‹/›

またはそれを設定することでオブジェクトを空にできますundefined

var user = {firstName:"Vishal", age:"22", color:"blue"};
user = undefined;   // 値と型が未定義
テストを見て‹/›

空(null)と未定義(undefined)の違い

nullundefined値が等しいが型が異なる。

typeof null  // "object"(レガシーの理由で"null"ではありません)
typeof undefined // "undefined"
テストを見て‹/›

当てはめる際にnullまたはundefined、等号(==)とイコール(===)演算子の違いに注意してください。前者は型変換を実行します。

null == undefined // true
null === undefined// false

同時に複数のデータタイプを処理する

あなたが作成するプログラムの各ものは、さまざまなデータタイプを含むことになります。

データタイプをまたがって使用する演算子(例えば)を使用すると、予期しない結果が得られることがあります。+数字や文字列を結合する演算子(例えば)を使用すると、予期しない結果が得られることがあります。

数字と文字列を追加する際には、JavaScriptは数字を文字列として扱います。

var x = 5 + "Sky";
テストを見て‹/›

文字列と数字を追加する際には、JavaScriptは数字を文字列として扱います。

var x = "Sky" + 5;
テストを見て‹/›

JavaScriptは左から右に式を計算します。異なるシーケンスは異なる結果を生み出すことがあります:

var x = 5 + 3 + "Sky";
テストを見て‹/›
var x = "Sky" + 5 + 3;
テストを見て‹/›

第1つの例では、JavaScriptは5および3「Sky」に達するまで数字として扱われます。

第2つの例では、最初の操作数が文字列であるため、すべての操作数が文字列として扱われます。