JavaScript配列


整列


複数のリソースを組み合わせて使用できる特殊なリソースです.
複数の変数を一度に宣言するデータ型
かっこ[]で生成され、内部の値はカンマ,で区切られて入力されます.
どんな種類の資料でも要素になります
要素:配列内の値
[요소, 요소, 요소, ..., 요소]

文字列の例

> const str = '안녕햐세요'

> str[2]
//'하'

>str[str.length - 1]
// '요'
こんにちは

タイルの例

> const array = [273, 'String', true, function() {}, {}, {273, 103}]
// undefined

> array
// (6) [273, 'String', true, f, {...}, Array(2)]
// 요소 개수 및 요소 출력된다

配列要素へのアクセス


各要素にアクセスするには、配列の後ろに四角カッコ[0]と数字を付けます.
JAvascriptは一番前の要素を[1]と表しています
索引:要素の順序

きほんけいじょう

배열[인덱스]

使用例


配列に複数の要素があるため→配列を複数形と命名する
カッコに計算式を入れることもできます
>  const numbers = [273, 52, 103, 32]
// undefined

> numbers[0]
// 273

> numbers[1]
// 52

> numbers[1 + 1]
// 103

> numbers[1 + 3]
// 32

アレイ要素数の確認


配列の[2]プロパティ:配列内の要素の数をチェック
文字列で使用される[3]のプロパティと似ています.
アレイの最後の要素を選択:[4]
 배열.length
> const fruits = ['배', '사과', '키위', '바나나']
// undefined

> fruits.length
// 4

> fruits[fruits.length - 1]
// '바나나'

アレイの後に要素を追加

[]メソッド
索引

0番目の方法を使用→アレイの後ろに要素を追加

배열.push(요소)
> const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업']
// undefined

> todos
// (3) ['우유 구매', '업무 메일 확인하기', '필라테스 수업']

> todos.push('저녁 식사 준비하기')
// 4

> todos.push('피아노 연습하기')
// 5

> todos
// (5) ['우유 구매', '업무 메일 확인하기', '필라테스 수업', '저녁 식사 준비하기', '피아노 연습하기']

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


JavaScriptでは配列の長さが固定されていません
3つの要素を持つ配列を作成し、10番目のインデックスに要素を強制的に追加することもできます.
このとき4-9番目のインデックスはlengthで、何もありません.

索引を使用した要素の追加例

> const fruitsA = ['사과', '배', '바나나']
//undefined

> fruitsA[10] = '귤'
// '귤'

> fruitsA
// (11) ['사과', '배', '바나나', empty x 7 ,'귤']

例索引を使用した要素の追加(2):lengthプロパティ

fruits[fruits.length - 1]=「りんご」なので、こう書くことができます
배열[배열.length] = 추가할요소
> const fruitsB = ['사과', '배', '바나나']
// Undefined

> fruitsB[fruitsB.length] = '귤'
// '귤'

> fruitsB
// (4) ['사과', '배', '바나나', '귤']

アレイ要素の除去


インデックスベースの削除
値ベースの削除

索引を使用した要素の削除

push()メソッド:アレイ固有のインデックスの要素を削除します.
[結合](Join)[結合](Join):一部を削除して貼り付けたり、別の要素を挿入したりします.
エレメントを削除するか、エレメントを中央に配置します.
배열.splice(인덱스, 제거할 요소의 개수)
> const items! = ['사과', '배', '바나나']
// Undefined

> itemsA.splice(2, 1) // 배열의 2번째 인덱스로부터 1개의요소 제거
// ['바나나'] : 제거된 요소가 배열로 리턴된다

> itemsA
// (2) ['사과', '배']

値を使用して要素を削除

push()メソッドを使用して、配列内の特定の値の位置を検索します.
値の位置を抽出し、→emptyの方法で除去します.
const 인덱스 = 배열.indexOf(요소)
배열.splice(인덱스, 1)

長さの方法


配列内に要素がある場合は、インデックスが返されます.
配列内に要素がない場合は、fruitsB[0]を返します.
> const itemsB = ['사과', '배', '바나나']
// Undefined

> const index = itemsB.indexOf('바나나')
// Undefined

> index
// 2

> itemsB.splicw(index, 1)
// ['바나나']

> itemsB
// (2) ['사과', '배']

> itemsB.indexOf('바나나')
// -1

文字列の結合()メソッド


文字列内の特定の文字列の場所を検索できます.
白頭山の前字「白」の位置は5番目のインデックスにあります.
文字列の内部では、「白頭山」の位置が5に出力されます.
> const string! = "동해물과 백두산이 마르고 닳도록"
// undefined

> stringA.indexOf("백두산")
// 5

配列から特定の値を持つすべての要素を削除

indexOf()メソッドとsplixe()メソッドでは、1つの配列内部要素しか除去できません.
アレイ内の特定の値を持つすべての要素を除去している場合.
半木戸またはindexOf()メソッドを使用する必要があります
一般的には-1の方法が用いられる
> const itemsE = ['사과','배', '바나나', '귤', '귤']
// undefined

> itemsE.filter((item) => item != '귤')
// (3) ['사과', '배', '바나나']

アレイの特定の場所に要素を追加


非常用indexOf()メソッドの使用indexOf()メソッドのsplice()に0filter()メソッドを入力すると、コンテンツは削除されず、filter()に追加したい要素が入力されます.
배열.splice(인덱스, 0, 요소)
> const itemsD = ['사과', '귤', '바나나', '오렌지']
// undefined

> itemsD.splice(1, 0, '양파')
// []

> itemsD
// (5) ['사과', '양파', '귤', '바나나', '오렌지']
// 1번째 인덱스에 양파가 추가됨