[JavaScript]TWIl:JSONとtemplate literal(20/09.26~10.02)


JSONオブジェクトメソッドStringbyとDOMメソッドgetElementsByClassNameを直接実装する印刷が開始されました.

  • JSONは値やオブジェクトを表す汎用フォーマットで、軽量レベルでデータを交換する方式です.
    名前からJavascriptの使用のために作成されたものであることがわかりますが、ライブラリは他の言語で使用できます.
    1-1. データ型はnull、number、string、array、object、booleanの値で、オブジェクトのキー値または文字列には常に二重引用符(")を付ける必要があります.
    1-2. JSONのデータには、一重引用符(")と反スラッシュ()は使用されません.
    1-3. JSONには2つの基本的な方法があります.
    JSON.stringify():JS値をJSON形式に変換します.
    JSON.parse():JSONデータをJS値に変換します.

  • template literalについて詳しく学ぶことができます.
    template literalはES 6に新しく登場した内蔵式で、簡単に言えば式や文字列挿入、マルチライン文字列など多くの便利な機能を提供しています.
    2-1. basic(`)を使用して小包を行い、式は${variable}で表され、改行できます.(可読性Good!)
  • let scoreA = 3;
    let scoreB = 1;
    let result = `오늘의 경기 결과는 ${scoreA}:${scoreB}로 A팀이 승리했습니다!`
    console.log(result); // -> 오늘의 경기 결과는 3:1로 A팀이 승리했습니다!
    
    let partTime = 36;
    let minimumWage = 8590;
    let mySalary = `나의 이번 달 월급은 ${partTime * minimumWage}원이다.`
    console.log(mySalary); // -> 나의 이번 달 월급은 309240원이다.
    +)その他にも,テンプレート文字を関数としてグループ化できるタグテンプレート,テンプレートをネストとして使用できるネストテンプレートの機能などがある.これはこれからもっとブログを書くことを勉強しなければならないものです!
    * mdn reference : Template_literals