210830開発ログ
19772 ワード
📌 学習の内容
完全なコード:💾
複文
:固定値が存在し、固定ルールを持つ可変値が存在する場合は、
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);
}
var num = 1; // 시작점
while (num < 10) { // 범위(조건) -> 참이면 실행, 거짓이 되는 순간 반복 종료
console.log(2 * num)
num++; // 기존의 num 값에 +1
}
var i = 12;
do {
console.log(i);
i++
} while (i < 10);
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の瞬間に重複文を終了し、次のコード出力xcontinue
:数字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()
:アレイ内のデータ数を返すpropertyfor ~ in
:範囲を指定する必要はありません
var arr = ['바나나', '사과', '수박'];
for (var i in arr) {
console.log(i); // 배열의 인덱스
console.log(arr[i]);
}
配列を埋め込む方法
forEach
.forEach()
:与えられた関数を配列要素として実行し、引数から無条件に渡す必要がある(重要なのは列挙変数の順序)var arr = ['바나나', '사과', '수박'];
arr.forEach(function(element, index) {
console.log(element);
console.log(index);
})
map
与えられた関数を呼び出した結果を
.map()
:forEach
類似のアレイ内のすべての要素に収集し、新しいアレイに戻る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の概念や使用方法を再復習する必要がある.🤔
Reference
この問題について(210830開発ログ), 我々は、より多くの情報をここで見つけました
https://velog.io/@jiyoon_jeong2005/210830-개발일지
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
📌 学習の心得.
今日は単純に授業内容をフォローすればいいので、特に難しいところはありません.しかし,データ型の配列方法を学習するとともにreturnの概念が出現し,これまでreturnの概念や使用方法を完全に理解していなかったため,returnの概念や使用方法を再復習する必要がある.🤔
Reference
この問題について(210830開発ログ), 我々は、より多くの情報をここで見つけました
https://velog.io/@jiyoon_jeong2005/210830-개발일지
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(210830開発ログ), 我々は、より多くの情報をここで見つけました https://velog.io/@jiyoon_jeong2005/210830-개발일지テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol