最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScriptデータの種類


文字列、数値、ブール値、配列、オブジェクト。


JavaScriptのデータ型

JavaScriptの変数は、多くのデータ型を保持することができます: numbers, strings, arrays, objectsとより:

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var cars = ["Saab", "Volvo", "BMW"];           // Array
var x = {firstName:"John", lastName:"Doe"};    // Object

データ型のコンセプト

プログラミングでは、データ・タイプは重要な概念です。

変数を操作できるようにするために、タイプについて何かを知ることが重要です。

データ型がなければ、コンピュータは安全にこの問題を解決することはできません。

var x = 16 + "Volvo";

それは追加する何の意味も持たない"Volvo" 16に? それは、エラーが生成されますか、それは結果を生むのだろうか?

JavaScriptは、上記のような例を扱います。

var x = "16" + "Volvo";

数や文字列を追加する場合、JavaScriptは文字列として数値を扱います。

JavaScriptは、左から右に式を評価します。 異なるシーケンスは、異なる結果を生成することができます。

JavaScriptを:

var x = 16 + 4 + "Volvo";

結果:

20Volvo
»それを自分で試してみてください

JavaScriptを:

var x = "Volvo" + 16 + 4;

結果:

Volvo164
»それを自分で試してみてください

それが到達するまで、第1の例では、JavaScriptは、数字として16と4を扱う"Volvo"

最初のオペランドが文字列であるため、第2の例では、すべてのオペランドが文字列として扱われます。


JavaScriptは動的タイプがあります

JavaScriptは動的な種類があります。 これは、同じ変数は異なるタイプとして使用することができることを意味します。

var x;               // Now x is undefined
var x = 5;           // Now x is a Number
var x = "John";      // Now x is a String

JavaScriptの文字列

文字列(またはテキスト文字列)のような一連の文字である"John Doe"

文字列は引用符で書かれています。 あなたは、単一引用符または二重引用符を使用することができます。

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

あなたがいる限り、彼らは文字列を囲む引用符と一致しないように、文字列の中に引用符を使用することができます。

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes
»それを自分で試してみてください

後でこのチュートリアルでは文字列の詳細を学びます。


JavaScriptの番号

JavaScriptは、数値の一種類のみを有しています。

数字はで、または小数点なしで記述することができます。

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

特大や余分な小さな数字は、指数表記で書くことができます。

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123
»それを自分で試してみてください

後でこのチュートリアルで番号の詳細を学びます。


JavaScriptのブール値

trueまたはfalse:ブール値は、2つの値しか持つことができます。

var x = true;
var y = false;

ブール値は、多くの場合、条件付きテストで使用されています。

このチュートリアルの後半で、条件付きテストについての詳細を学びます。


JavaScriptの配列

JavaScriptの配列は角括弧で書かれています。

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

次のコードは、(作成)3項目(車名)を含む車と呼ばれる配列を宣言します。

var cars = ["Saab", "Volvo", "BMW"];
»それを自分で試してみてください

配列のインデックスは、最初の項目は、[0]、次の[1]、というようにであることを意味し、ゼロベースされています。

後でこのチュートリアルの配列の詳細を学びます。


JavaScriptのオブジェクト

JavaScriptオブジェクトは、中括弧で書かれています。

カンマで区切られた値のペア、:オブジェクトのプロパティは、名前のように書かれています。

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
»それを自分で試してみてください

:例の物体(人物)は、上記4の性質を有するfirstName, lastName, age 、およびeyeColor

後でこのチュートリアルでオブジェクトの詳細を学びます。


typeof演算子

あなたはJavaScriptを使用することができtypeof JavaScriptの変数の型を見つけるために、オペレータ:

typeof "John"                // Returns string
typeof 3.14                  // Returns number
typeof false                 // Returns boolean
typeof [1,2,3,4]             // Returns object
typeof {name:'John', age:34} // Returns object
»それを自分で試してみてください

typeof演算子の戻り"object"のためJavaScriptの配列の配列のためのオブジェクトです。


Undefined

JavaScriptでは、値を持たない変数は、値がしているundefined 。 typeof演算もあるundefined

var person;                  // Value is undefined, type is undefined
»それを自分で試してみてください

任意の変数は、値を設定することにより、空にすることができるundefined 。 タイプもなりますundefined

person = undefined;          // Value is undefined, type is undefined
»それを自分で試してみてください

空の値

空の値は未定義とは何の関係もありません。

空の文字列変数は、値と型の両方を持っています。

var car = "";                // The value is "", the typeof is string
»それを自分で試してみてください

Null

JavaScriptのヌルでは「何も」ではありません。 存在しないものであると考えられます。

残念ながら、JavaScriptで、ヌルのデータ型はオブジェクトです。

あなたはそれのJavaScriptのバグ考えることができるtypeof nullオブジェクトです。 それはあるべきであるnull

あなたはこれをnullに設定することで、オブジェクトを空にすることができます。

var person = null;           // Value is null, but type is still an object
»それを自分で試してみてください

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

var person = undefined;     // Value is undefined, type is undefined
»それを自分で試してみてください

違いUndefinedNull

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
»それを自分で試してみてください