210830開発ログ


📌 学習の内容


完全なコード:💾


複文


:固定値が存在し、固定ルールを持つ可変値が存在する場合は、

while

var num = 1; // 시작점

while (num < 10) { // 범위(조건) -> 참이면 실행, 거짓이 되는 순간 반복 종료
	console.log(2 * num)
	num++; // 기존의 num 값에 +1
}
👉 無限ループを防ぐために、繰り返し文が嘘になる瞬間を作る.

do ~ while


:最初の実行を保証し、条件に従って実行
var i = 12;

do {
	console.log(i);
	i++
} while (i < 10);

for


:使用頻度が最も高い
for (가변값의 시작점; 조건; 규칙) {
	console.log(2 * i); // 고정값, 가변값
}

オーバーラップ

for(var i = 2; i < 10; i++) {
	for(var j = 1; j < 10; j++) {
		console.log(i * j);
	} // 안쪽의 반복문이 끝나야 바깥쪽의 반복문이 실행
}

中断と継続


:重複文の特定の値の検索または除外
for (var i = 1; i < 10; i++) {

	if(i === 5) {
		break; 
	}

	console.log(2 * i);
}
  • break:数字5の瞬間に重複文を終了し、次のコード出力x
  • continue:数字5の結果値をスキップして続行
  • 繰り返し文の適用(パターン繰り返し文)

    var arr = ['바나나', '사과', '수박'];
    console.log(arr);
    console.log(arr.legth);
    
    // 고정값 : console.log(arr[]) ;
    // 가변값 : 0, 1, 2, 3
    
    for (var i = 0; i < arr.length; i++) {
    	console.log(arr[i]);
    }
  • arr.length():アレイ内のデータ数を返すproperty
  • for ~ in


    :範囲を指定する必要はありません
    var arr = ['바나나', '사과', '수박'];
    for (var i in arr) {
    	console.log(i);  // 배열의 인덱스
    	console.log(arr[i]);
    }

    配列を埋め込む方法


    forEach

    .forEach():与えられた関数を配列要素として実行し、引数から無条件に渡す必要がある(重要なのは列挙変数の順序)
  • 使用不可
  • 因数に渡される対応する関数自体もコールバック関数
  • callback関数(匿名関数、コールバック関数):特定の条件に達したときに呼び出されなかった関数、関数名
  • var arr = ['바나나', '사과', '수박'];
    arr.forEach(function(element, index) {
    	console.log(element);
    	console.log(index);
    })

    map


    与えられた関数を呼び出した結果を.map():forEach類似のアレイ内のすべての要素に収集し、新しいアレイに戻る
  • 利用可能に戻る->mapに変換した値を他の変数に渡すことができる
  • var result = arr.map(function(element, index) {
    	return element + " " + "10";
    })
    console.log(result);

    ~in用のオブジェクト繰返し文

    var student = {
    	name: "Jane",
    	age: 23,
    	skills : ["자바스크립트", "HTML", "CSS"],
    	sum: function(num1, num2) {
    		console.log(num1 + num2);
    	}
    }
    
    for (var prop in student) { // prop = 키값, 데이터가 들어가는 좌표
    	console.log(prop);
    	console.log(student[prop]);
    }

    文字列properties&メソッド


    (参考サイト:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String)
  • length:スペースを含む文字列長を返す
  • trim():文字列の前後のスペースを消し、文字列内のスペースxを消す
  • chartAt(index):文字列のうち特定のインデックスにある1文字を返す(空白文字扱い)
  • slice(시작점, 끝점):文字列の一部(始点または終点より小さい)を抽出し、終点も始点と同じ先頭からslice(index):インデックス以上のすべての文字を抽出する
  • split():一定のルールで文字を配列に切り取り、戻り->データ型が変更された(文字列->配列)
  • var str = "Nice to meet you abc";
    console.log(str.split(' ')); // 공백을 기준으로 자름
    
    var str = "Nice to meet/you abc";
    console.log(str.split('/')); // /를 기준으로 자름
  • replace('바꿀 단어', '변경할 단어'):一部または全部置換した新しい文字列(置換語->変更する語)を返す
  • imdexOf():呼び出したオブジェクトから所定の値に一致する最初のインデックスを返し、一致しない場合は-1を返し、大文字と小文字を区別
  • toUpperCase:文字列をすべて大文字に変換して返す
  • toLoweCase:文字列をすべて小文字に変換して返す
  • var search = prompt("검색어를 입력해 주세요.");
    
    if(search.toLowerCase() === "apple") {
      // 사용자에게 입력받은 값을 모두 소문자로 전환
    	console.log("사과 데이터를 출력한다.")
    } else {
    	console.log("false")
    }

    アレイのプロパティとメソッド


    (参考サイト:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array)
  • length:アレイに戻る長さ(アレイ内のデータ数)
  • push(추가할 데이터):アレイの末尾に1つ以上のデータを追加
  • unshift(추가할 데이터):アレイのフロントエンドに新しいデータを追加
  • pop():アレイから最後の要素を削除し、その要素を返す
  • shift():アレイから1番目の要素を削除し、その要素を返す
  • join():アレイ内のすべての要素を特定の規則に従って接続して文字列を形成し、戻る
  • var arr1 = ["사과", "배", "바나나"];
    var str1 = arr1.join(', ');
    console.log(str1)
  • 기존배열.concat(합칠배열):与えられた配列または値を既存の配列にマージすることで、新しい配列に戻る
  • 📌 学習内容の難点


    📌 解決策


    📌 学習の心得.


    今日は単純に授業内容をフォローすればいいので、特に難しいところはありません.しかし,データ型の配列方法を学習するとともにreturnの概念が出現し,これまでreturnの概念や使用方法を完全に理解していなかったため,returnの概念や使用方法を再復習する必要がある.🤔