JavaScript配列
18315 ワード
整列
複数のリソースを組み合わせて使用できる特殊なリソースです.
複数の変数を一度に宣言するデータ型
かっこ
[]
で生成され、内部の値はカンマ,
で区切られて入力されます.どんな種類の資料でも要素になります
要素:配列内の値
[요소, 요소, 요소, ..., 요소]
文字列の例
> 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번째 인덱스에 양파가 추가됨
Reference
この問題について(JavaScript配列), 我々は、より多くの情報をここで見つけました https://velog.io/@beanlove97/자바스크립트-배열テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol