[Javascript]データ型-元のタイプ




数値(Number type)


 CまたはJavaの場合、整数と実数を区別できますが、Javascriptには1つの数値(Number)タイプしか存在しません.数値タイプの値は、分配密度64ビットの浮動小数点フォーマットに従うため、すべての数値を誤って処理します.
// Number Type
var integer = 5;
var double = 5.24;
var negative = -20;
// Number type은 모두 실수로 처리됨
console.log(1 === 1.0);
console.log(3 / 2);

[실행결과]
true
1.5
前述したように、整数間の分割でもエラーが発生します.
また、3つの特別な値を表すこともできます.
// Number type의 세 가지 특별한 값
console.log(10 / 0);
console.log(10 / -0);
console.log(1 * 'String');

[실행결과]
Infinity
-Infinity
NaN
Infinity:正無限大-Infinity:音の無限大NaN(not-a-number):算術演算不可
📌 JAvascriptは大文字と小文字を区別します.

文字列(String type)


 文字列(string)タイプは、テキストデータを表すために使用される.テキストは、単一引用符(')、二重引用符(")、白体()`で囲まれています.最もよく使われる表現は小引用符を使うことです.
// String Type
var str1, str2, str3;
str1 = 'single quote str';
str2 = "double quote str";
str3 = `backtick str`;
console.log(str1);
console.log(str2);
console.log(str3);

[실행결과]
single quote str
double quote str
backtick str
「一重引用符内」「二重引用符」「和」「二重引用符内」「一重引用符」「文字列とみなされる」
str4 = '당근은 "carrot"입니다.';
str5 = "좋아하는 향수는 'Jomalone'이다.";
console.log(str4);
console.log(str5);

[실행결과]
당근은 "carrot"입니다.
좋아하는 향수는 'Jomalone'이다.
📌 JavaScriptの文字列は変更できない値です.

テンプレート文字


 テンプレートライブラリ(template literal)は、複数行文字列、式挿入、タグテンプレートなどの便利な文字列処理機能を提供します.引用符の代わりにbasic(`)を使用します.

複数行文字列


 通常の文字列では、行を開くことはできません.スペースを表すには、スラッシュ(\)で始まるescapeシーケンスを使用する必要があります.
Escapeシーケンスの未満bBackspace機能;プリンタに印刷すると、次のページの開始位置から「ハーネス」(Line Feed)に移動します.次の行に移動:RCR(Carriage Return);最初にカーソルをtTab(水平)ソースvTab(垂直)ソースuXXXUnicodeに移動
// escape sequence
var escapeSeq = '<ul>\n\t<li><a href="#">Home</a></li>\n</ul>';
console.log(escapeSeq);

[실행결과]
<ul>
	<li><a href="#">Home</a></li>
</ul>
テンプレートライブラリでは、escapeシーケンスを使用せずに改行が許可され、すべてのスペースがそのまま適用されます.
// multi-line string
var template = `<ul>
  <li><a href="#">Home</a></li>
</ul>`;
console.log(template);

[실행결과]
<ul>
  <li><a href="#">Home</a></li>
</ul>

式の挿入(式の補間)


 文字列は+で接続できます.+1つ以上の被演算子が文字列である場合、演算子は文字列接続演算子として、他の演算子は加算演算子として使用されます.
// + 연산자
var hobby = "playing futsal"
console.log('My hobby is ' + hobby + '.');

[실행결과]
My hobby is playing futsal.
テンプレートライブラリでは、式を挿入することで、文字列演算子よりも文字列を簡単に挿入できます.式を${ }で囲むと、式の結果が文字列でなくても、タイプは強制的に文字列挿入に変換されます.
// expression interpolation
console.log(`My hobby is ${hobby}.`);

[실행결과]
My hobby is playing futsal.

価格設定(Boolean)


  booleanタイプの値はtrueとfalseのみです.
// boolean type
var bool = true;
console.log(bool);

[실행결과]
true

undefined


  undefinedは開発者が意図的に割り当てた値ではありません.javascriptエンジンが初期化変数として変数を参照するときに使用する値が定義されていない値が返されると、宣言後に値が割り当てられていない、すなわち初期化されていない変数が表示されます.
// undefined
var apple;
console.log(apple);

[실행결과]
undefined

null


  nullは、変数に値がないことを意図的に宣言するために使用されます.変数にnullを割り当てることは、変数が以前に参照された値を参照するのではなく、以前に割り当てられた値の参照を明示的に除去することを意味します.
関数が有効な値を返さなくてもnullを返すことができます.
<!DOCTYPE html>
<html>
  <body>
    <script>
      var element = document.querySelector('.myClass');
      console.log(element); // null
    </script>
  </body>
</html>

アイコン


 シンボルタイプは、主に名前の競合のリスクのないオブジェクトを作成する唯一のpropertyキーに使用されます.Symbol関数生成を呼び出し、生成された値は露出せず、他の値と絶対に繰り返されません.
// symbol값 생성
var key = Symbol('key');

// 객체 생성
var obj = {};

// 충돌 위험이 없는 값을 프로퍼티 키로 사용
obj[key] = 'value';
console.log(obj[key]);

[실행결과]
value