[TIL]10-javascript繰り返し文と配列方法

4659 ワード
JavaScript テキストリンク

複文


for


for文は、条件がfalseになるまで内部で繰り返します.
for(시작; 조건문; 증감문;)
 문장
  • は、for文の実行を1回のみ開始します.
  • 条件文trueとfalseをチェックし、true面の繰り返しを実行し、false面が終了します.
  • 更新文「増感文」が存在する場合、この文を実行し、2回の繰り返しを返します.

    • while


    複文は、いくつかの条件文がtrueである場合、繰り返します.
    let i = 3;
while (i > 0) { // false가 나오기 전까지 무한하게 반복
  console.log(`while: ${i}`);
  i--;
}

    do...while


    do...whileは、ある条件がfalseになるまで文を繰り返します.
    do { 
	console.log(`do while: ${i}`);
    i--;
  } while (i > 0);
    気をつけて!条件を確認する前に、{}ブロックは無条件に実行されます.次に、条件に合致するかどうかを確認し、true面文を再実行し、false面が終了します.

    アレイ


    配列にはインデックスとボックスがあり、各ボックスにインデックスがあると思います.

    シナリオの作成


    配列は角カッコで構成され、カンマで区切られた項目が含まれます.配列は、複数のデータ型を格納できます.(数値、文字列、オブジェクト、変数、配列内の配列)
  • const arr1 = new Array();
  • const arr2 = [1, 2];
  • const arr3 = ['apple', 1, 2, 34, [3, 5, 7]];

    • 配列の索引と番号の決定

    const fruits = ['🍎', '🍌'];
console.log(fruits);
console.log(fruits.length); // 길이 2
console.log(fruits[0]); // 첫번째 아이템 찾기
console.log(fruits[1]); // 🍌
console.log(fruits[2]); // undefined (지정해둔 것이 없으므로)
console.log(fruits[fruits.length - 1]); // 배열의 맨 마지막은 총 길이의 -1이니까 마지막 인덱스를 받아온다.
    .lengthの場合、重複文に重複して並べ替えたいすべての項目の個数についても使用できます.

    配列内のすべての値を読み込み

  • for 
    • for (let i = 0; i < fruits.length; i++) { // .length를 이용하여 배열의 모든 항목의 갯수 만큼 반복
  console.log(fruits[i]);
}
  • for of 
    • for (let fruit of fruits) { // fruits 배열의 데이터를 순차적으로 할당하면서 불러온다. 
  console.log(fruit);
}
  • for Each(Calback関数-関数定理にリンク)
    • fruits.forEach(function (fruit, index, array){
    console.log(fruit, index);
});

// 위와 동일한 역할

fruits.forEach((fruit) => console.log(fruit));

    複数の配列方法


    元のアレイの変更方法

  • push()pushは、配列の最後に1つまたは複数の要素を追加する.
    • var friends = [철수, 영희, 바둑이];
friends.push("흰둥이");
console.log(friends); // [철수, 영희, 바둑이, 흰둥이]
  • pop()popは、配列された最後の要素を除去し、除去された要素を返します.
    • var friends = [철수, 영희, 바둑이, 흰둥이];
friends.pop();
console.log(friends); // [철수, 영희, 바둑이]
  • shift()shiftはpopとは異なり、配列された最初の要素を除去し、除去された要素を返します.
    • var friends = [철수, 영희, 바둑이];
friends.shift();
console.log(friends); // [영희, 바둑이]
  • unshift()unshiftは、配列の一番前に1つ以上の要素を追加します.
    • var friends = [영희, 바둑이];
friends.unshift("흰둥이", "철수");
console.log(friends); // [흰둥이, 철수, 영희, 바둑이]
    注意!shiftとunshiftの動作速度はpopとpushより遅い.
    前に新しい要素を追加するのではなく、後に新しい要素を追加する場合は、それを押しのけて新しい要素を追加する必要があります.
  • reverse()reverse配列要素の順序をすべて逆さにする.一番前の要素は一番後ろにあり、一番後ろの要素は一番前にあります.
    • var friends = [흰둥이, 철수, 영희, 바둑이];
friends.reverse();
console.log(friends); // [바둑이, 영희, 철수, 흰둥이]
  • sort()sortは、配列された配列要素をアルファベット順に配列する.この場合、すべての要素が文字列であると仮定し、数値またはbooleanの場合、誤ってソートされる可能性があります.
    • var colors = [red, green, blue, aquablue];
colors.sort();
console.log(colors); // [aquablue, blue, green, red]
  • splice()splice新しい要素を追加するか、既存の要素を削除することによって配列の内容を変更します.
    • var friends = [흰둥이, 철수, 영희, 바둑이];
friends.splice(1,1) // 1번째부터, 1개를 지운다
console.log(friends); // [흰둥이, 영희, 바둑이]
friends.splice(1,0,"맹구", "미나"); // 1번째부터, 0개를 지운다, "맹구", "미나" 를 추가한다
console.log(friends); // [흰둥이, 영희, 맹구, 미나, 바둑이]

    元の配列を参照する方法

  • indexof()indexof検索要素が最初に表示された場所は、いくつかのインデックスにあります.
    • var animals = [강아지, 고양이, 햄스터, 강아지]
console.log(animals.indexof("강아지")); // 0번째
console.log(animals.indexof("뱀")); // -1 (배열에 해당하는 값이 없다)
  • lastindexof()lastindexof検索要素が最後に表示された場所は、いくつかのインデックスにあります.
    • var animals = [강아지, 고양이, 햄스터, 강아지]
console.log(animals.lastindexof("강아지")); // 3번째
  • includes()incluses要素が配列内でtrue/falseであるかどうかを確認します.
    • var animals = [강아지, 고양이, 햄스터, 강아지]
console.log(animals.includes("고양이")); // true
console.log(animals.includes("뱀")); // false
    plistファイルから配列を取得するスニペット
    4.1.4 for繰り返し制御文