logo

JavaScript 配列のスライス() メソッド

配列のslice()メソッド 配列内の選択された要素を新しい配列として返します。指定された開始点から指定された終了点まで (両端を含みません) を選択します。この方法では元の配列が変更されないため、配列セグメントの非破壊抽出が可能になります。

構文

arr.slice(begin, end);>

パラメーター



  • 始める: このパラメータは、部分が抽出される開始インデックスを定義します。この引数が欠落している場合、メソッドはデフォルトの開始値である 0 として開始します。
  • 終わり: 配列から一部を抽出するための終了インデックスを指定するパラメーター。未定義の場合はデフォルトで配列の長さに設定され、長さを超える場合は調整されます。

戻り値

このメソッドは、元の配列の一部を含む新しい配列を返します。

Array slide() メソッドの例

例 1: 2 つのインデックス間の要素の抽出

Gimp の四角形の描画

H ここで、 スライス() メソッドは、指定された配列からインデックスから配列を抽出します。 2 インデックス未満のすべての要素を含む 4

JavaScript
function func() {  // Original Array  let arr = [23, 56, 87, 32, 75, 13];  // Extracted array  let new_arr = arr.slice(2, 4);  console.log(arr);  console.log(new_arr); } func();>

出力
[ 23, 56, 87, 32, 75, 13 ] [ 87, 32 ]>

例 2: 引数を渡さない

H ここで、 スライス() メソッドは、引数が渡されていないため、指定された文字列から配列全体を抽出し、それを答えとして返します。

JavaScript
function func() {  //Original Array  let arr = [23, 56, 87, 32, 75, 13];  //Extracted array  let new_arr = arr.slice();  console.log(arr);  console.log(new_arr); } func();>

出力
[ 23, 56, 87, 32, 75, 13 ] [ 23, 56, 87, 32, 75, 13 ]>

例 3: インデックス 2 から配列を抽出しています

この例では、 スライス() メソッドはインデックスから配列を抽出します 2 配列の最後まで調べて、それを答えとして返します。

JavaScript
function func() {  //Original Array  let arr = [23, 56, 87, 32, 75, 13];  //Extracted array  let new_arr = arr.slice(2);  console.log(arr);  console.log(new_arr); } func();>

出力
[ 23, 56, 87, 32, 75, 13 ] [ 87, 32, 75, 13 ]>

例 4: ネストされた配列のスライス

この例では、slice() メソッドはネストされた配列から要素を抽出し、それを答えとして返します。

JavaScript
function func() {  // Original Array  let arr = [23, [87, 32, 75, 27,3,10,18 ,13]];  // Extracted array  let new_arr = arr[1].slice(2, 4);  console.log(arr);  console.log(new_arr); } func();>

出力
[ 23, [ 87, 32, 75, 27, 3, 10, 18, 13 ] ] [ 75, 27 ]>

Javascript 配列メソッドの完全なリストがあります。これらを確認するには、これを参照してください。 Javascript 配列の完全なリファレンス 記事。

Javaの比較

サポートされているブラウザ

  • グーグルクローム
  • インターネットエクスプローラ
  • Firefox
  • オペラ
  • サファリ