クーザフロント第1期-46日


★新たなスタート


今日から勉強することにしました.本を買った時は興奮しすぎて、半分しか読んでいなかった本がちょっと油断していたのですが、昨日JS賢太に殴られて、最初からもう一度読んでみたいと思って、本を開けました.
まず今週までにこの本を読み終えて、来週からJS 100の問題を解く予定です.この間、私は本を読んでいる間にコードを直接目で見ていませんでした(時間が長すぎることを口実に...)これからは、自分で例題を作り、ユニットの終わりの問題をしながら勉強します.
また、YouTubeで無料で講義をしながらも本を読んでいて、講師が教えてくれたのを見て、理解しても自分でコードを書くことができなかった私は、改めて私の不足を認識し反省しました.まだまだ長い道がありますが、時間をかけてもしっかり歩いてゆっくり歩きます.

★[ミックスJS]2ユニット-資料と変数


★識別子

  • キーワードは使用できません
  • 数字で始まることはできません
  • 許可および$特殊文字
  • スペース文字を含めることはできません
  • ★識別子の種類

  • 識別子の後ろに括弧はありません
    ->変数(プライベート)/属性(他の識別子を使用)
  • 識別子の後ろに括弧
    ->関数(個別に使用)/メソッド(他の識別子を使用)
  • ★エスケープ文字

  • \n:改行
  • \t:タブ
  • \\:反スラッシュ(\)そのもの
  • ★エラータイプ

  • ReferenceError(異常処理)
    :エラー入力alert(alrtなど)
  • SyntaxError(構文エラー)
    :入力フラグ(シンボル)エラー時エラー
  • UncautSyntaxError:Unexpected identifier(構文エラー)
    :識別子が予期せぬ場所に表示されるエラーを示します.たとえば、エスケープ文字を使用せずに引用符を1つだけ使用すると、
  • が表示されます.
  • Identifier宣言済み(構文エラー)
    :特定の名前の定数は1つのファイルに1回しか宣言できません.同じ名前でもう一度定数を宣言すると、エラーが発生します.
    ->リフレッシュまたはその他の名前の識別子を使用して定数を宣言
  • Identifier宣言済み(構文エラー)
    :定数と同様に、名前の変数は1つのファイルで1回しか宣言できません.同じ名前でもう一度宣言すると、エラーが発生します.
    ->別の名前の識別子を使用して変数を宣言
  • const宣言のMissing initializer(構文エラー)
    :定数宣言時に値を指定しないときに発生するエラー
    ->定数宣言時の指定値
  • Assignmentto constant cariable(異常処理)
    :一度宣言した定数のデータを変更できません.変更時に発生したエラー
    ->非常変数
  • を使用する必要があります.

    ★データ変換

  • prompt(メッセージ文字列、デフォルト入力文字列)
    -prompt()関数は、ユーザが入力した内容を受信して使用します.
    -戻り値:関数実行後の保持値
  • 例1
  • 例2
  • confirm(メッセージ文字列)
    -「OK」をクリックすると、trueに戻ります.
    -「キャンセル」をクリックしてfalse
  • に戻ります.

    ★非資料型に変換


    -falseを返します

  • 0
  • NAN(Not a Number:数字では表せない数字)
  • ""(空の文字列)
  • null
  • undefined
  • それ以外はtrue
  • を返します.

    ★[混工JS]3ユニット-条件文


    ★if/ifelse/ifelse if条件文



    ★switch条件文

    switch (자료) {
      case 조건A : 
    	break
      case 조건B : 
        break
      default : 
        break
    }
  • defaultキーワードは省略可能
  • breakキーワードは、switch条件文または重複文をスキップするためのキーワード
  • switch条件文特定値を比較するための条件
  • ★条件演算子(三項演算子)


    非式?真実の時の結果:虚偽の時の結果

    ★偶数と奇数の区別



    コード1:終了位置を使用して偶数を検索

    コード2:残りの演算子(%)を使用して偶数を検索

    ★生年月日入力干支



    ifelse if条件文の使用

    splitを使用して文字列を切り取る

    ★[混同JS]4ユニット-繰り返し文

  • シナリオ:複数の変数を一度に宣言
  • インデックス:要素の順序
  • 要素:配列内の値
    -配列のlengthプロパティを使用して要素の個数を決定します.
    -使用例:タイル.length
  • ★レイアウトの後ろに要素を追加


  • push()メソッドを使用して、配列の後ろに要素を追加します.
    整列push(要素)

  • インデックスを使用して配列の後ろに要素を追加
    constフルーツsA=[『りんご』『梨』『バナナ』]
    //undefined
    フルーツsA[10]=「みかん」
    //「みかん」
    fruitsA
    //(11)[「りんご」「梨」「バナナ」「beank*7」「みかん」]
    constフルーツsB=[『りんご』『梨』『バナナ』]
    //undefined
    フルーツ
    //「みかん」
    fruitsB
    //(4)[「りんご」「梨」「バナナ」「みかん」]
  • ★タイル要素の削除


  • 索引を使用した要素の削除
    整列splice(インデックス、削除する要素数)
    const itemsa=[『りんご』『梨』『バナナ』]
    //undefined
    itemsA.splice(2, 1)
    //[バナナ]
    itemsA
    //(2)[「りんご」「梨」]

  • 値による要素の削除
    constインデックス=配列.indexOf(元素)
    整列継ぎ目(インデックス,1)

  • アレイ内の特定の場所に要素を追加
    整列splice(インデックス、0、要素)
  • ★for in反復文


    for(配列またはオブジェクト内のcont繰返し変数){文}
  • 繰り返し変数要素を含むインデックス
  • ★for for反復文


    for(配列またはオブジェクトのcont繰返し変数){文}
  • forは重複文とは異なり、重複変数は要素の値
  • を含む

    ★for反復文


    for(let i=0;i<繰返し数;i+){文}
  • 重複変数をletキーワードとして宣言
  • 重複複文を使用したピラミッド(*1個増加ごと)
  • 重複複文を使用したピラミッド(*2個増加ごと)
  • ★while反復文


    while(非式){文章}
  • 式がtrueでない場合は、文
  • を実行し続けます.
  • 繰り返し文無限ループ
  • breakキーワードは無限ループに使用可能
  • -for反復文vs while反復文


    ->繰り返し回数:for繰り返し
    ->条件に基づく:while繰返し
    明日は5ユニット関数を整理します!!

    ★肯定的な一行


    私は過去を考えない.大切なのは果てしない今ウィリアム・サマーセット
    今日からまた始まる気持ちでやりましょう!
    これからはしっかりやればいい!!