[JavaScriptまとめ7]Array
15236 ワード
Array宣言
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>
最後の
<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ビデオの内容を整理しています
Reference
この問題について([JavaScriptまとめ7]Array), 我々は、より多くの情報をここで見つけました
https://velog.io/@roong-ra/JavaScript-총정리-6-Array
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<script>
for(let i=0; i<fruits.length; i++){
console.log(fruits[i]);
}
</script>
<script>
for(let fruit of fruits){
console.log(fruit);
}
</script>
<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ビデオの内容を整理しています
Reference
この問題について([JavaScriptまとめ7]Array), 我々は、より多くの情報をここで見つけました
https://velog.io/@roong-ra/JavaScript-총정리-6-Array
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<script>
console.log(fruits.indexOf('apple')); // apple의 위치는? 0
console.log(fruits.indexOf('peach')); // peach의 위치는? 5
</script>
<script>
console.log(fruits.indexOf('apple')); //indexOf는 맨 처음 아이템의 위치를 리턴
console.log(fruits.lastIndexOf('apple')); //lastIndexOf는 마지막 아이템의 위치 리턴
</script>
<script>
console.log(fruits.includes('blueberry')); // false or -1
console.log(fruits.includes('strawberry')); // true
</script>
Reference
この問題について([JavaScriptまとめ7]Array), 我々は、より多くの情報をここで見つけました https://velog.io/@roong-ra/JavaScript-총정리-6-Arrayテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol