JavaScript基礎第04日ノートはあなたを連れてjsを回転します

14170 ワード

JavaScriptベース04日目ノート


1-配列


1.1配列の概念

  • 配列は、関連するデータのセットを一緒に格納し、便利なアクセス(取得)方式を提供することができる.
  • 配列とは、各データが要素と呼ばれ、配列に任意のタイプの要素を格納することができるデータのセットを指す.配列は、データのセットを単一の変数名に格納する優雅な方法です.

  • 1.2配列の作成


    JSで配列を作成するには、次の2つの方法があります.
  • newによる配列作成
  • var   = new Array()var arr = new Array();   //  
    

    注意Array()Aは大文字
  • 配列字面量を用いて配列
    //1.  
    var    = []//2.  
    var    = [' ',' ',' ',' '];
    
    を作成する
  • 配列の字面量は角括弧[]
  • である.
  • 配列を宣言し、値を配列と呼ぶ初期化
  • このような字面量の方式も私たちがこれから最も多く使う方式
  • です.
  • 配列要素のタイプ配列には、文字列、数値、ブール値など、任意のタイプのデータを格納することができる.
    var arrStus = [' ',12,true,28.9];
    

  • 1.3配列内の要素の取得


    索引(下付き):配列要素にアクセスするシーケンス番号(配列下付きは0から).
    [外部チェーン画像の転送に失敗しました.ソース局に盗難防止チェーンがある可能性があります.画像を保存して直接アップロードすることをお勧めします(img-Gzk 4 qIEd-1587785130584)(images画像1.png)]
    配列は、インデックスによって対応する配列要素にアクセス、設定、変更できます.配列名[インデックス]の形式で配列内の要素を取得できます.
    //  
    var arrStus = [1,2,3];
    //  2 
    alert(arrStus[1]);    
    

    注意:アクセス時に配列にインデックス値に対応する要素がない場合、undefinedが得られます.

    1.4配列の遍歴

  • 配列遍歴配列の各要素を最初から最後まで1回(学生の点呼のように)アクセスし、forループインデックスを介して配列の各
  • を遍歴することができる.
    var arr = ['red','green', 'blue'];
    for(var i = 0; i < arr.length; i++){
        console.log(arrStus[i]);
    }
    
  • 配列の長さ配列の長さ:デフォルトでは、配列内の要素の数を表します.配列名.lengthを使用して、配列要素の数(配列長)にアクセスできます.
    var arrStus = [1,2,3];
    alert(arrStus.length);  // 3
    
    注意:
  • ここで配列の長さは配列要素の個数であり、配列のインデックス番号と混同しないでください.

  • 配列内の要素の個数が変化すると、このlength属性は一緒に変化します.
  • 配列のlengthプロパティを変更できます:
  • 設定されたlength属性値が配列の要素数より大きい場合、配列の末尾に空白の要素が表示されます.
  • 設定length属性値が配列の要素個数より小さい場合、その値を超える配列要素は
  • 削除される.

    1.5配列内の新規要素


    配列には、配列の最後に新しい要素を挿入する方法があります.
       [  .length ] =  ;
    

    2-関数


    2.1関数の概念


    JSでは、同じコードや機能が似ているコードが非常に多く定義されている可能性があります.これらのコードは大量に繰り返し使用する必要がある可能性があります.forループ文もいくつかの簡単な繰り返し操作を実現できるが,比較的限界があり,このときJSの関数を用いることができる.
    関数:繰り返し呼び出されて実行できるコードブロックをカプセル化します.このコードブロックにより、大量のコードの重複使用を実現できます.

    2.2関数の使用


    宣言関数

    //  
    function  () {
        // 
    }
    
  • functionは関数を宣言するキーワードであり、
  • と小文字でなければならない.
  • 関数は一般にある機能を実現するために定義されるので、getSum
  • などの関数名を動詞と命名するのが一般的です.

    呼び出し関数

    //  
     ();  //  
    
  • 呼び出し時にカッコ
  • を忘れないでください.
  • 口诀:関数は呼び出さず、自分で実行しない注意:関数自体がコードを実行しないことを宣言し、関数を呼び出すときだけ関数体コードを実行します.

  • 関数のカプセル化

  • 関数のカプセル化は、1つまたは複数の機能を関数によってカプセル化するものであり、対外的には単純な関数インタフェース
  • のみを提供する.
  • 簡単な理解:パッケージはコンピュータ部品をシャーシに統合すること(宅配パッケージのようなもの)に似ている[外部チェーン画像の転送に失敗した場合、ソース局に盗難防止チェーン機構がある可能性があり、画像を保存して直接アップロードすることを提案する(img-2 qxChjOc-1587785130586)(images画像2.png)]例:パッケージ計算1-100累積と
    
    /* 
        1-100 
    */
    //  
    function getSum(){
      var sumNum = 0;//  , 
      for (var i = 1; i <= 100; i++) {
        sumNum += i;//      
      }
      alert(sumNum);
    }
    //  
    getSum();
    
  • 2.3関数のパラメータ


    関数パラメータの構文

  • パラメータ:関数定義時に受信呼び出しを設定すると
  • に送信される.
  • 実参:関数呼び出し時に括弧内に転送された真のデータ[外鎖ピクチャの転送に失敗した場合、ソース局は盗難防止チェーンメカニズムがある可能性があり、ピクチャを保存して直接アップロードすることを提案する(img-tIFn 3 Zhf-1587785130588)(imagesピクチャ3.png)]パラメータの役割:関数内部のいくつかの値は固定できず、パラメータを通じて関数呼び出し時に異なる値を伝達することができる.関数パラメータの運用:
    //  
    function  ( 1,  2 ,  3...) { //  , 
      //  
    }
    //  
     ( 1,  2,  3...); 
    
  • が呼び出すときの実パラメータ値は、パラメータに渡される
  • である.
  • パラメータは、宣言されない変数
  • と簡単に理解される.
  • 実パラメータと形パラメータの複数のパラメータの間をカンマ(,)で区切る

  • 関数パラメータと実パラメータの数が一致しない場合


    [外部チェーン画像の転送に失敗しました.ソース局には盗難防止チェーンメカニズムがある可能性があります.画像を保存して直接アップロードすることをお勧めします(img-wVzqQAw 0-1587785130592)(images画像4.png)]
     : JavaScript , undefined。
    

    まとめ:
  • 関数は、パラメータを持たなくてもよい
  • 関数を宣言するとき、関数名カッコの中には形パラメータがあり、形パラメータのデフォルト値はundefined
  • です.
  • が関数を呼び出すとき、関数名の括弧の中にあるのは実参
  • です.
  • 複数のパラメータの間をカンマで区切る
  • 形パラメータの個数は実パラメータの個数と一致しないことができるが、結果は予測できないので、できるだけ
  • に一致しなければならない.

    2.4関数の戻り値


    return文

     : ; return  。
    
    //  
    function  (){
        ...
        return}
    //  
     ();    //  return  
    
  • return文を使用すると、関数は実行を停止し、指定した値
  • を返します.
  • 関数にreturnがない場合、返される値はundefined
  • です.

    break,continue,returnの違い

  • break:for、whileなどの現在の循環体を終了する
  • continue:今回のループから飛び出し、for、whileなどの次のループ
  • を実行し続けます.
  • return:ループを終了するだけでなく、return文の値を返すこともでき、現在の関数内のコード
  • を終了することもできる.

    2.5 argumentsの使用


    パラメータがどれだけ伝達されているか分からない場合はargumentsで取得できます.JavaScriptでは、argumentsは実際には現在の関数の組み込みオブジェクトです.すべての関数にはargumentsオブジェクトが内蔵されており、argumentsオブジェクトには渡されたすべての実パラメータが格納されています.Argumentsディスプレイ形式は擬似配列であるため,遍歴可能である.擬似配列には、次のような特徴があります.
  • length属性
  • を有する
  • インデックス方式でデータを格納
  • .
  • 配列を持たないpush,popなどの方法注意:関数内部でこのオブジェクトを使用し、このオブジェクトで関数呼び出し時に伝達される実パラメータを取得します.

  • 2.6関数ケース

    	 , , , 。
    

    2.7関数の2つの宣言方法

  • カスタム関数方式(ネーミング関数)関数キーワードfunctionカスタム関数方式
    //  
    function fn() {...}
    //    
    fn();  
    
  • 名前がついているので命名関数
  • とも呼ばれています
  • 呼び出し関数のコードは、宣言関数の前に置くこともできるし、宣言関数の後ろに置くこともできる
  • .
  • 関数式方式(匿名関数)関数式方式を利用した書き方は以下の通りである:
    //  , 
    var fn = function(){...}//  , 
    fn();
    
  • 関数に名前がないため匿名関数
  • とも呼ばれる.
  • このfnに格納されている関数は
  • です.
  • 関数式の原理は宣言変数式と一致する
  • である.
  • 関数呼び出しのコードは、関数体の後ろの
  • に書かなければならない.