Javascriptから... II

したがって、最初の部分の継続、多くの時間が経過し、今...ここで、約束されたように、主なタイプについてさらに詳しく説明します。 まず、いくつかのコメントから、最初の部分は批判なしに自然に進むことはなかったので、導入部分は「バグの処理」になります。 将来的には、バグに関するこのような作業を定期的に中断し、habralの人々がこれを助けることを願っています...



タイプを繰り返しましょう：

データ型には、単純と参照の2種類があります。 違いは、単純型の変数を別の型に割り当てると、値がコピーされ、参照型の変数を割り当てると、2番目の変数が最初の...の値を参照することです。たとえば：

// var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .

1. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
2. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
3. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
4. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
5. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
6. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
7. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
8. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
9. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
   
   
   
   
10. // var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .
    
    
    
    

// var intVal = 5; // () var otherIntVal = intVal; // , // 5 ( otherIntVal); // var arrayVal = [1,2,3,4]; // - 4- ; var otherArrayVal = arrayVal; // , // (4 ) , , otherArrayVal[1] = 55; // , alert( arrayVal[1] ); // 2 ( 0), 55 * This source code was highlighted with Source Code Highlighter .

特別な意味についてのいくつかの言葉：

NaNは、非数を表す値です。 算術演算中、結果が数値ではない場合、または数字から開始しない文字列を変換する場合（たとえば、「qwe123」）に表示されます。

null-何もない（空の値）。

未定義-この値は、変数（プロパティ）が存在しないか、値がまだ割り当てられていないことを示します（var someVariable;）。

無限-無限、0で除算して得られ、タイプの最大/最小範囲を超える場合

NaNについての方法で...これは一般的に単語の文字通りの意味でユニークな意味です...間違って数字に変換されたときに表示されますが、自分自身にでも何でもない=）、数字があるかどうかを確認するには、isNaN関数を使用する必要があります、（!!!）値を数値として受け取った場合はfalseを返します（isNaN =数値ではありません）。

isNaN（5）; // false

isNaN（ 'string'）; // true

typeof関数を使用できる変数のタイプを確認すると、タイプが文字列として返されます。

typeof（4）// 'number'

typeof（ "some string"）// 'string'

typeof（[]）// 'object'-はい、彼は配列をオブジェクトと呼びます（それらをさらに区別する方法）、

//実際、配列はオブジェクトです。特別に別のグループに配置します。私の意見では価値があります...

//しかし、これは最も興味深いものではありません

typeof（null）// 'object'-ここでも彼はこれがオブジェクトであると言うだろう

もう一度、主なデータ型をリストします。

boolean-ブール値。true（true）またはfalse（false）の2つのオプションがあります

数値-数値、整数、または小数部（必要に応じて異なります）。

文字列-文字列、文字の特定のシーケンス。

array-データの配列（実際、これはオブジェクトです）。

オブジェクト-オブジェクト。

function-関数自体。

彼らは平等について何度も質問しました...比較のための2つのオプションがあります：==と===違いは何ですか？

JS自体には型はなく、単語のみであり、現在の値に基づいて取得されます。通常は必要ありません。たとえば、数値の文字列表現がある場合、JSは自動的に文字列を数値に変換します。

var q = '55';

var w = '5';

alert（q / w）//結果11

アラート（5 == '5'）; // true;

しかし、比較するとき、たとえば、0と比較するときなど、タイプを正確に決定する必要がある場合があります

アラート（0 == ''）; // true

この比較では、JSは両方の値が空であることを確認し、これを回避するためにそれらを同等化するため、型も考慮する必要があることをJSに伝える必要があります。===これがまさに

alert（5 === '5'）// false値は似ているが、数字は文字列と等しくない

alert（0 === ''）// false数値は文字列と等しくない

そして今、主なことについて簡単に...



変数の削除：

空の値（null、未定義）を割り当てるか、delete演算子を使用して削除（delete someVar;） 、delete演算子を使用してオブジェクトプロパティを削除できます。



ブール型：

値には2つのタイプがあります-true / false（true / false）

タイプ番号：

コンストラクタの助けを借りて、または単に目的の値を割り当てることで作成できます

var intVar = 5; //値を割り当てて作成すると、タイプが自動的に設定されます

var intVar = new Number（5）; //コンストラクタを使用して数値を作成します。

var intVar = new Number（ '5'）; //初期値を文字列として指定でき、自動的に数値に変換されます

var intVar = new Number（ 'q'）; //その場合でも可能ですが、値はNaNになります

一般に、これらの作成方法にはわずかな違いがあります。コンストラクタを介してNaNを獲得できるという事実に加えて、typeofはコンストラクタを介して作成するときに「オブジェクト」を返します。

数値には、整数と浮動小数点の2種類があります。 原則として、特別な分離はなく、算術演算中に自動的に相互に変換されますが、確実に分離する必要がある場合は、parseIntとparseFloatの2つの関数があり、それぞれ変数を整数と浮動小数点に変換します。 （整数を浮動小数点数に変換することは意味がありませんが、文字列は強打で変換されます）。

数値にはいくつかの便利なメソッドがあります（はい、数値にもメソッドがあります）

.toFixed（）-数値が浮動小数点数でない場合は浮動小数点数に変換し、必要な小数点以下の桁数に切り捨てます

toExponential（）-数値を指数形式に変換します（5.000+ 0）

toPrecision（）-数値が大きい場合は自動的に指数関数的

浮動小数点問題

アラート（0.1 + 0.7）// 0.7999999999999999

これは考慮に入れなければなりません、これは不正確さの唯一の例ではありません、そのような多くのオプションがあり、問題は丸めることによって解決されます、ここで平等は無力です：

alert（（0.1 + 0.7）.toFixed（9））// "0.800000000"



タイプ文字列：

数値のように、単に値を割り当てることで、コンストラクタを介して作成することもできます

var strVal = 'some string'; //値を割り当てて作成します

var strVal = new String（ 'some string'）//コンストラクターによる作成

var strVal = new String（5）//コンストラクター経由で作成

数値の場合のように、コンストラクタを介して変数を作成すると、typeofは「オブジェクト」を返します。注意してください。

文字列は特殊文字を「理解」しますが、出力中には表示されませんが、エラーまで大きく歪める可能性があります...ここがメインです

\ n-改行文字

\ r-キャリッジリターン

\ t-タブ

\ v-垂直タブ（IEはこの文字を理解しないため、単に '\'を無視し、文字 'v'であると見なします）

\ '-単一引用符

\ "-二重引用符

\\-バックスラッシュ（\）

例：

var strVal = 'some string'およびsome some 'some other string' //これは実行できません

var strVal = 'some string \' and some Explain \ 'some other string' //このように引用符をエスケープする必要があります

アラート（strVal）; //スラッシュは表示されなくなり（仕事をした）、代わりに美しい引用符が表示されます

便利な文字列プロパティ：

.length //それは1つですが、どこにもなければ、文字列の長さを返します

//注意することをお勧めします：最初の文字は位置0にあり、長さは1からカウントされます

//最後に、最後の文字の位置= length-1があります

いくつかの便利な文字列メソッド：

indexOf（）-検索文字列の最初の一致のインデックスを返します

replace（）-テキストを別のテキストに置き換えます。正規表現で使用できます

slice（）-指定された位置から指定された位置までのテキストを返します

substr（）-指定された位置、指定された長さから始まるテキストを返します

toLowerCase（）-文字列を小文字に「下げる」

toUpperCase（）-大文字の文字列を生成します



配列型（実際はオブジェクトですが、独自のメソッドとプロパティがあります）：

配列を作成するには2つの方法があります。

var someArray = new Array（）; //コンストラクタを介して

var someArray = []; //このメソッドはオブジェクトリテラルを使用しますが、視覚的ではありませんが、より便利です。

JavaScriptでは、配列は「ゴム」であり、要素の数を予約する必要はありません。途中で要素を削除すると自動的に増加し、配列は縮小せず、代わりに削除された要素の値はundefinedになります

動的に値を末尾に追加します（phpのように：array [] = '2'は不可能です。インデックスを指定するか、適切なメソッドを使用する必要があります）

いくつかの便利なプロパティ：

length-要素の数を返します（配列の長さより小さい値が割り当てられている場合、配列は割り当てられた値に切り捨てられ、0が割り当てられている場合、配列はクリアされます）

いくつかの便利な方法：

join（）-配列要素を文字列に接続します。セパレータを指定できます

pop（）-配列の最後の要素を削除して返します

push（）-配列の最後に要素を書き込みます

reverse（）-要素の順序を逆にします

splice（）-特定の位置から特定の数の要素を削除します

sort（）-配列要素をソートします



タイプオブジェクト：

オブジェクトは2つの方法で作成できます。

var obj = new Object（）; //コンストラクターを使用

var obj = {}; //オブジェクトリテラルを使用

var obj = {'key'： 'value'、 'key2'： 'value2'} //初期値を含む宣言

オブジェクトの存在しないプロパティを使用する場合、エラーは発生せず、未定義の値が返されます

ここでは、存在しない変数を参照する際に定期的に発生する主なことは、エラーが発生します（はい、これはifで変数を作成します）。

1. 試してみる
2. {
3. //ここで問題のコードを書きます
4. }
5. キャッチ （e）
6. {
7. / *このコードは、問題のコードでエラーが発生した場合にのみ実行されます
8. eはエラーオブジェクトであり、次のプロパティがあります。
9. fileName-エラーが発生したファイル
10. lineNumber-エラーが発生した行
11. メッセージ-エラーの説明メッセージ
12. ブラウザーに依存する場合があります* /
13. アラート（e.message）;
14. }
15. ついに
16. {
17. //このコードはどんな場合でも実行され、エラーがあるかどうか
18. }

*このソースコードは、 ソースコードハイライターで強調表示されました。

原則として、そのような構造はほとんどすべての言語で利用可能であり、同じように機能します。

/ while /構文がcライクな構文言語に類似している場合、唯一の違いはオブジェクトプロパティ/メソッドの列挙です

for（objのキー）

{

// key-テキスト形式のキー

someVar = Obj [キー]; //オブジェクトのプロパティ/メソッドを取得します

}



//実際、JSでは、オブジェクトはハッシュ、つまりキーと値（Alyaは連想配列）の平凡な比較であり、値は任意の値で、単純な値（数値、文字列）で始まり、関数（これらはメソッド）で終わります。



これですべてです、関数はさらに計画され、コンストラクター（クラスなど）の役割を持つ関数、クロージャー（それが何であるか、なぜそれが必要なのかを理解するためのほんの数例） 「クラス」（String型およびNumber型）