[JavaScript]配列の使用

整列

複数のリソースを組み合わせて使用できる特殊なリソースタイプ.
複数の変数を一度に宣言するデータ型
かっこで生成、内部をカンマで区切って入力
要素要素:配列内の値、任意のデータ型

配列要素[]へのアクセス

索引:要素の順序
かっこに計算式を入れることができます

numbers[1 + 1], numbers[1 * 3]

アレイ要素数の確認:length

const datas = ['apple', 'banana', 'candy']
console.log(datas.length) // 4

アレイ要素の追加

配列の後ろに要素を追加する:push

const datas = ['apple', 'banana', 'candy']
datas.push('delete')
console.log(datas) // ['apple', 'banana', 'candy', 'delete']

索引の使用→配列の後に要素を追加

JavaScriptでは配列の長さは固定されていません.3개의 요소を有する配列では、10번째 인덱스に要素を強制的に追加することができる
このとき4~9번째 인덱스は空っぽのempty状態となる

const datas = ['apple', 'banana', 'candy']
datas[10] = 'ten'
console.log(datas) // ['apple', 'banana', 'candy', empty * 7, 'ten']
console.log(datas.length) // 11

lengthプロパティの使用→アレイの最後の場所に要素を追加

const datas = ['apple', 'banana', 'candy']
datas[datas.length] = 'end'
console.log(datas) // ['apple', 'banana', 'candy', 'end']

アレイの特定の場所に要素を追加する:splice()

配列の特定の位置인덱스に要素を追加する場合、splice()メソッドを使用します.
splice()メソッドの2番目のパラメータに0を入力すると、splice()メソッドは削除されません.
3番目のパラメータに追加する要素を入力します.

const datas = ['apple', 'banana', 'candy']
datas.splice(1, 0, 'orange') // 1번째 인덱스에 'orange' 요소가 추가된다
console.log(datas) // ['apple', ''orange', banana', 'candy'] 

アレイ要素の除去

インデックスベース削除:splice()

結合:エレメントを削除するか、エレメントを中央に配置します.

const datas = ['apple', 'banana', 'candy']
datas.splice(2, 1)
// 배열의 2번째 인덱스로부터 1개의 요소 제거되고 + 제거된 요소가 배열로 리턴된다
// ['banana']
console.log(datas) // ['apple', 'candy']

値ベース削除:indexOf()、splice()

indexOf()メソッドを使用して配列内の特定の値の位置を検索し、値の位置を抽出します.
splice()メソッドを使用して削除

indexOf()メソッド

配列に要素がある場合は、その値のインデックスが返されます.
配列内に要素がない場合は、-1を返します.
文字列ではindexOf()メソッド→文字列内で特定の文字列を検索する시작 위치も使用できます.

const datas = ['apple', 'banana', 'candy']
datas.indexOf('banana') // 1

const stringA = '동해물과 백두산이 마르고 닳도록'
stringA.indexOf('백두산') // 5

filter()

indexOf()メソッドとsplice()メソッドでは、1つの配列の内部要素しか削除できません.
配列内から特定の値を持つすべての要素を削除するには、반복문またはfilter() 메서드を使用します.

const items = ['apple', 'pear', 'banana', 'orange', 'orange']
items.filter((item) => item != 'orange')
console.log(items) // ['apple', 'pear', 'banana']