[提供]Javascript-ネスト重複文,for in,for-of,配列,配列メソッド,関数

12090 ワード

オーバーラップ


複文
for(let i = 0; i<2; i++){
        for(let j = 0; j<3; j ++;){

        }
    }

アレイ


ストレージスペースをリストするデータ構造.
名前と部屋番号(インデックス)で参照されるソートされた値のセット.
≪配列要素|Array Elements|oraolap≫:配列を構成する各値
索引:配列内の位置を指す数値

配列の宣言

  • let配列名;
  • letカラム名=[];
  • let列名=new Array(値1、値2...);
  • JavaScriptの配列フィーチャー

  • 配列要素のタイプは固定されていません.
  •  	let arr = ["김사과", 10, -1.22, true...]
  • 配列要素のインデックスは連続する必要はありません.
  • 	let arr = [];
             arr[2] = 1; // 0,1 인덱스가 비어있는 배열 생성

    配列オブジェクトのメソッド

  • カラム名.push():配列内の要素
  • を後から追加する
  • カラム名.pop():配列の末尾の値
  • を削除する
  • カラム名.shift():配列の最初の値
  • を削除
  • カラム名.concat():2つの配列の
  • を返します.
  • カラム名.join():配列要素間に必要な文字を挿入する文字列
  • を返します.
  • カラム名.リバース()リバース配列
  • カラム名.sort():昇順
  • let arr  = ['apple','abcd1234','김사과']
        arr.push(10);
        //['apple', 'abcd1234', '김사과', 10]
        arr.shift();
    	//['abcd1234', '김사과', 10]
        arr.pop();
    	//['abcd1234', '김사과']
    
        //concat은 기존 배열의 원본은 그대로 놔둔다. 연결된 새로운 배열을 돌려준다.
    let arr1 = [10,20,30];
    let arr2 = [40,50,60];
    let arr3 = arr1.concat(arr2);
        console.log(arr3);
    	// [20, 30, 40, 50, 60]
        arr3 = arr3.join('★');
        console.log(arr3); //10★20★30★40★50★60
            
    let arr4 = [1000,27,13,30,50];
        arr4.reverse();
        console.log(arr4); //[50, 30, 13, 27, 1000]
        //아스키코드로 비교, 사전순으로 정렬.
        arr4.sort((a,b) => a-b);
        console.log(arr4); //[13, 27, 30, 50, 1000]
    

    クイックスタート


    for -in


    for in文(変数はオブジェクトのキー値を取得して繰り返す)
    for(オブジェクト内の変数){
    要素数で繰り返す
    }
    let arr = [10,20,30,40,50];
     for (const i in arr) {
            console.log(arr[i]) //arr[i]를 출력해야 value를 출력할 수 있음.
     }

    for -of


    for of文(変数はオブジェクトの要素をインポートして繰り返します)
    for(オブジェクトのlet変数){
    要素の数で繰り返す
    }
    let arr = [10,20,30,40,50];
    for (const data of arr) {
                console.log(data); //data를 출력해야 value를 출력할수 있음
        }

    n.関数


    これは、特別な目的のタスクを実行するための独立した領域を意味します.
    関数は、コードの再利用を実現するために、必要に応じて呼び出し、繰り返し実行できます.重複するコード、動作、機能の管理を容易にするために、使用を宣言します.
    f (x) = 2x + 1;
    関数名パラメータ=戻り値;

    関数の宣言


    function①関数名(②パラメータ1,パラメータ2,...){
    ③実行する文
    ④戻り値を返す
    }
    ①動詞形にする.(eat(「ピザ」)、eat(「餅を炒める」)、eat(「チキン」)
    ②省略できます.ただし、省略すると外部(使用する場所)から値を受信することはできません.
    複数の値を渡す必要がある場合は、それを分割し、値の数で宣言します.
    使用すると、宣言されたパラメータの数に基づいて値が渡されます.
    ③省略できます.
    ④省略できます.

    関数の使用


    使用する場合は、宣言されたパラメータの個数を宣言に渡す必要があります.
    関数名(値1、値2、...);//パラメータがあれば
    関数名();//パラメータなし

    エコーの使用


    使用する部分で関数の操作結果を通知する必要がある場合.
    関数内のすべての操作が完了していない場合.
    使用するセクションでは、さらに多くの操作を行う必要があります.
    値を取得して操作を続行します.

    リターンオフ時


    関数ですべての操作が完了した場合

    関数を使用する理由

  • 重複機能により、コードの管理が容易
    再使用の目的(内部に特異性を付与できない).
  • ソースコード簡略化(モジュール化->分業)
  • 関数宣言の順序


    2つの整数の加算関数
    1. 함수명을 생각한다.(동사 - add, get, remove...etc)
    	function add(){
    
    	}
    
    2. 매개변수를 생각한다.
    	function add(num1, num2){
    
    	}
    
    3. 내부에서 수행할 문장을 생각한다.
    	function add(num1, num2){
    		console.log('두정수의 덧셈함수');
    		let result = num1+num2
    	}
    
    4. 리턴값을 생각한다.
    	function add(num1, num2){
    		console.log('두정수의 덧셈함수');
    		let result = num1+num2
    		return result;
    	}
      

    関数式


    const関数名=function(パラメータ1,...){
    実行する文
    戻り値を返します.
    }
  • JavaScriptは、関数を変数に格納します.
  • javascript scriptは、scriptタグに遭遇したときにjavascriptを読み取り、宣言された関数をまずメモリに格納します.