[JavaScriptまとめ7]Array


Array宣言

  • アレイを宣言する2つの方法
  • const arr1 = new Array();
    const arr2 = [1, 2, 3, 4];

    Indexによるアクセス

    <script>
    	const fruits = ['apple','banana'];
        console.log(fruits);        //apple, banana
        console.log(fruits.length); //2
        console.log(fruits[1]);     //banana
        console.log(fruits[0]);     //apple
    </script>
    最後の
  • に並べられた項目を検索する場合は、
  • を選択します.
    console.log(fruits[fruits.length - 1]);

    アレイ内のすべてのアイテムを出力


    1. for

    <script>
        for(let i=0; i<fruits.length; i++){
            console.log(fruits[i]); 
        }
    </script>

    2. for of

    <script>
        for(let fruit of fruits){
            console.log(fruit);
        }
    </script>

    3. forEach

    <script>
        fruits.forEach(function(fruit, index){
             console.log(fruit);
             console.log(index); //0, 1
        });
    
        //한줄로 
        fruits.forEach((fruit) => console.log(fruit));
    </script>

    アイテムの追加、削除、マージ


    -push:タイルの最後にアイテムを追加

    fruits.push('melon','orange');

    -ppop:タイルの最後の項目を削除

    fruits.pop();

    -unshift:レイアウトの一番前にアイテムを追加

    fruits.unshift('lemon','strawberry');

    -shift:シナリオの前のアイテムを削除

    fruits.shift();
    🙋‍♀️ 重要だ!shiftとunshiftの速度はpopとpushよりずっと遅い.
    前のデータをクリアして入れるためには、後のデータもストレッチまたはストレッチする必要があるため、配列の長さが長ければ長いほど、配列全体の移動速度が遅くなります.

    -plice:必要な場所のアイテムを削除

    <script>
        fruits.splice(1);    // 1번째부터 끝까지 지우겠다! 
        fruits.splice(1, 1); // 1번째부터 1개를 삭제 
        fruits.splice(1, 1, 'banana', 'watermelon'); //1을 지운 자리에 이 아이템들을 넣어줘!
        
        console.log(fruits); // 삭제된 요소가 리턴됨!
    </script>

    -cocat:2つの配列をマージ

    <script>
        const fruit3 = ['blueberry','avocado'];
        const newFruits = fruits.concat(fruit3); //기존배열 fruits에 새배열 fruit3을 합쳐줘!
        console.log(newFruits);
    </script>

    Searching


    -indexOf:検索項目はいくつかのindexで

    <script>
        console.log(fruits.indexOf('apple')); // apple의 위치는? 0
        console.log(fruits.indexOf('peach')); // peach의 위치는? 5
    </script>

    -lastIndexOf:重複する項目がある場合、最後の項目の位置を返します。

    <script>
        console.log(fruits.indexOf('apple')); //indexOf는 맨 처음 아이템의 위치를 리턴 
        console.log(fruits.lastIndexOf('apple')); //lastIndexOf는 마지막 아이템의 위치 리턴
    </script>

    -include:品物が存在するかどうかを確認します(true/false,-1)

    <script>
        console.log(fruits.includes('blueberry')); // false or -1
        console.log(fruits.includes('strawberry')); // true
    </script>
    👉 Dream Codingビデオの内容を整理しています