ホームページ > 記事 > ウェブフロントエンド > 既存の配列から選択された要素を返す JavaScript のスライス() メソッド
定義と使用法
slice() メソッドは、既存の配列から選択された要素を返します。
構文
arrayObject.slice(start,end)
パラメータ | 説明 |
start | 必須。選択範囲を開始する位置を指定します。負の場合は、配列の末尾からの位置を指定します。つまり、-1 は最後の要素を指し、-2 は最後から 2 番目の要素を指し、以下同様になります。 |
終了 | オプション。選択範囲の終了位置を指定します。このパラメータは、配列フラグメントの末尾の配列インデックスです。このパラメータが指定されていない場合、分割配列には配列の先頭から末尾までのすべての要素が含まれます。このパラメータが負の場合、配列の末尾から始まる要素が指定されます。 |
戻り値
arrayObject の要素を最初から最後まで (この要素を除く) 含む新しい配列を返します。
説明
このメソッドは配列を変更するのではなく、部分配列を返すことに注意してください。配列内の要素のセクションを 削除したい場合は、Array.splice() メソッドを使用する必要があります。
ヒントとメモ
注: 負の値を使用して配列の末尾から要素を選択できます。
注: end が指定されていない場合、slice() メソッドは配列の先頭から末尾までのすべての要素を選択します。
例
例 1
この例では、新しい配列を作成し、そこから選択された要素を表示します:
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.slice(1) + "<br />") document.write(arr) </script>
出力:
George,John,Thomas John,Thomas George,John,Thomas
例 2
この例では、新しい配列を作成し、次に、そこから選択された要素を表示します:
<script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" document.write(arr + "<br />") document.write(arr.slice(2,4) + "<br />") document.write(arr) </script>
出力:
George,John,Thomas,James,Adrew,Martin Thomas,James George,John,Thomas,James,Adrew,Martin
このメソッドは、string の一部を抽出し、新しい文字列を返します。
構文
string.slice( beginslice [, endSlice] );
パラメータの詳細は以下の通りです:
beginSlice: 0から始まるインデックス位置から抽出を開始します。
endSlice: 0から始まるインデックス位置から抽出を終了します。省略した場合、スライスから抽出された文字列の末尾
注: endSlice は負の指数として、文字列の末尾からのオフセットを表します。 string.slice(2,-1) は、文字列の最後から 2 番目の文字と 3 番目の文字を抽出します。
戻り値:
成功した場合、スライスは文字列内の正規表現のインデックスを返します。それ以外の場合は、-1 が返されます。
例:
<html> <head> <title>JavaScript String slice() Method</title> </head> <body> <script type="text/javascript"> var str = "Apples are round, and apples are juicy."; var sliced = str.slice(3, -2); document.write( sliced ); </script> </body> </html>
これにより、次の結果が生成されます:
les are round, and apples are juic
以上が既存の配列から選択された要素を返す JavaScript のスライス() メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。