JavaScript 基礎教程

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎教程

JavaScript 参考マニュアル

JavaScript の正規表現(RegExp)JavaScript の Boolean(布尔) オブジェクト

JavaScript の型変換

型変換は、データ型を一つのデータ型から別のデータ型に変換する方法です。

JavaScriptでは、データ型は特定のデータ型を分類し、その型に割り当てられる値やその型に対して実行できる操作を決定するために使用されます。

JavaScriptデータ型

JavaScriptでは、5の異なるデータ型が値を含むことができます：

string
number
boolean
object
function

存在する3の型のオブジェクト：

Object
Date
Array

さらに2値を含むことができないデータ型：

null
undefined

演算子の型

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

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

例

typeof ""　　//　返却"string"
typeof "Vishal"//　返却"string"
typeof "42"//　「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」を返します（「配列」ではありません）
typeof function myFunc(){}　//　「function」を返します

テストを見て‹/›

typeof演算子を使用して、JavaScriptの変数のデータ型を確認できます。

暗黙的な変換

プログラミング言語として、JavaScriptは予期せぬ値に対して非常に寛容です。したがって、JavaScriptは直接拒否するのではなく、予期せぬ値を変換しようとします。この暗黙的な変換を型強制と呼びます。

例えば、数学の演算では、値が自動的に数値に変換されます。

しかし、結果は常にあなたが期待しているものではありません：

例

"3"　+　2//　返却"32"　(なぜなら}}2に変換されます"2”)
"3"　-　2//　返します　1　(なぜなら"3”が3)
"3"　*　"2"　　//　返します　6　(なぜなら"3"　および　"2"　が　3　および　2)
2　+　true　　　//　返します　3　(なぜならtrueは　1)
2　+　false　　//　返します　2　(なぜならfalseは0に変換されるからです)
2　+　null　　　//　返します　2　(なぜならnullは0に変換されるからです)
"2"　+　null　//　返却"2null"　　　(なぜならnullは"null"に変換されるからです)

テストを見て‹/›

ある場合、値を一つのデータ型から明示的に別のデータ型に変換する必要があります。

JavaScriptはこのようなデータ型変換タスクを実行するための多くの異なるメソッドを提供しています。

以下のセクションでこれらのメソッドについて詳細に説明します。

値を文字列に変換

呼び出しすることで値を文字列に変換できます：String()関数またはx.toString()メソッドを使用して値を明示的に文字列に変換します。

このString()関数、値をtrue引数として渡すことで、ブール値を文字列に変換することができます：

例

String(true);//　返却"true"

テストを見て‹/›

また、関数に数字を渡すこともできます：

例

String(108);//　返却"108"

テストを見て‹/›

typeof演算子を使用して型を確認できます：

例

typeof　String(true);//　返却"string"
typeof　String(108);　//　返却"string"

テストを見て‹/›

同様に使用できます：x.toString()メソッド。xを変数に置き換えることができます：

例

let　temp　=　108;
temp.toString();

テストを見て‹/›

または、値を括弧内に置き、x.toString()を使用せずに変数設定を行うこともできます：

例

(9048).toString();//　返却"9048"
(false).toString();　　　//　返却"false"
(50　+　20).toString();　//　返却"70"

テストを見て‹/›

以下を使用して：String()またはx.toString()Booleanまたはnumberデータ型の値を明示的に文字列値に変換することができます。これにより、コードが期待通りに動作します。

値を数字に変換

値を数字データ型に変換する場合、以下を使用します：Number()関数。

まず、数字のテキスト文字列を数字に変換しますが、ブール値も変換できます。

数字の文字列を渡すことができます：Number()関数：

例

Number("1992");//　返します　1992

テストを見て‹/›

文字列を変数に割り当て、それを変換することもできます：

例

let　debt　=　"3500";
Number(debt);　//　返します　3500

テストを見て‹/›

スペース文字列または空の文字列は0（ゼロ）に変換されます：

例

Number("　");//　0を返します
Number("");　//　0を返します

テストを見て‹/›

　　注意、非数字の文字列はNaNに変換されます、NaNは非数字これには、スペースで区切られた数字が含まれます：

例

Number("seventy");　　　//　NaNを返します
Number("Hello　world");　　　//　NaNを返します
Number("12,000");//　NaNを返します
Number("5　7");　　　//　NaNを返します
Number("26-11-2008");//　NaNを返します

テストを見て‹/›

ブールデータ型に対してfalseの値は0、trueの値は1：

例

Number(false);　　//　0を返します
Number(true);　　　//　返します　1

テストを見て‹/›

パラメータがDateオブジェクトの場合はNumber()関数はUTC 1970年1月1日の真夜中からのミリ秒数：

例

Number(new　Date());

テストを見て‹/›

このNumber()関数は非数字データ型を数字に変換します。

値を布尔値に変換する

数字や文字列を布尔値に変換するには、Boolean()関数を使用してください。

空の値と解釈されるもの（例えば、数字0、空の文字列、未定義、NaN、nullの値）はfalse：

例

Boolean(0);　//　falseを返します
Boolean("");//　falseを返します
Boolean(undefined);　//　falseを返します
Boolean(NaN);　　　//　falseを返します
Boolean(null);　　//　falseを返します

テストを見て‹/›

他の値はtrue、スペースで構成された文字列リテラルも含めます：

例

Boolean(50);　//　trueを返します
Boolean(-50);//　trueを返します
Boolean(3.14);　　　//　trueを返します
Boolean("false");//　trueを返します
Boolean("Hello　World");　　//　trueを返します

テストを見て‹/›

「0」が文字列リテラルとして変換されることに注意してください：true、それは非空の文字列値であるため：

例

Boolean("0");　　　//　trueを返します

テストを見て‹/›

数字や文字列を布尔値に変換することで、二進数テーマ内のデータを評価し、それを使ってプログラム内の指定されたフローを指定することができます。

配列を文字列に変換する

toString()メソッドは配列を（カンマ区切りの）配列値の文字列に変換します。

例

var　months　=　["Jan",　"Feb",　"Mar",　"Apr",　"May"];
document.getElementById("result").innerHTML　=　months.toString();

テストを見て‹/›

join()メソッドは配列のすべての要素を新しい文字列に変換します。

このメソッドの動作はtoString()、しかし、分隔符を指定することもできます。

例

var　fruits　=　["Banana",　"Apple",　"Mango"];
fruits.join("　+　");　　　//　Banana　+　Apple　+　Mango
fruits.join("　/　");　　　//　Banana　/　Apple　/　Mango
fruits.join("　©　");　　//　Banana　©　Apple　©　Mango

テストを見て‹/›

元の値を期待している場合、JavaScriptは自動的に配列をカンマ区切りの文字列に変換します。

当您尝试输出数组时，总是如此。

例

配列を出力しようとすると、常にこのように表示されます。
let fruits = ["Apple", "Mango", "Banana", "Orange"];

テストを見て‹/›

document.getElementById("result").innerHTML = fruits;

split()文字列を配列に変換する

メソッドを使用して、文字列をサブストリング配列に分割し、新しい配列を返します。split()メソッドは、空格文字を表すスペース文字で配列を区切ります「」。

例

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("　");

テストを見て‹/›

今、arr変数には新しい配列が追加されました。各要素にアクセスするには、インデックス番号を使用できます：

例

arr[0];　　　//　Air
arr[2];　　　//　is

テストを見て‹/›

以下の例では、「i」を使用して分割します：

例

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("i");

テストを見て‹/›

空文字列（""）を使用した場合、その文字列は文字配列に変換されます：

例

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("");

テストを見て‹/›

JavaScript の正規表現(RegExp)JavaScript の Boolean(布尔) オブジェクト