JavaScript 数组 slice() 方法

下面是Array slice()方法的示例。

• 例子：

  function func() {
    
      // Original Array
      var arr = [23,56,87,32,75,13];
    
      // Extracted array
      var new_arr = arr.slice(2,4);
      document.write(arr);
      document.write("<br>");
      document.write(new_arr);
  }
  func();

• 输出：

  [23,56,87,32,75,13]
  [87,32]

arr.slice()方法返回一个新数组，其中包含实现它的数组的一部分。原件保持不变。

句法：

arr.slice(begin, end)

参数：此方法接受上面提到的两个参数，如下所述：

• begin：此参数定义要从中提取部分的起始索引。如果缺少此参数，则该方法将begin设为0 ，因为它是默认的起始值。
• end：此参数是要提取部分的索引（不包括结束索引）。如果未定义此参数，则提取到末尾的数组，因为它是默认的结束值。如果结束值大于数组的长度，则结束值更改为数组的长度。

返回值：此方法返回一个新数组，其中包含原始数组的某些部分。

下面的示例说明了 JavaScript Array slice()方法：

• 示例 1：在此示例中， slice()方法从给定字符串中提取整个数组并将其作为答案返回，因为没有传递任何参数。

  var arr = [23,56,87,32,75,13];
  var new_arr = arr.slice();
  document.write(arr);
  document.write(new_arr);
  

  输出：

  [23,56,87,32,75,13]
  [23,56,87,32,75,13]
  

• 示例 2：在此示例中， slice()方法提取从索引2开始到数组末尾的数组，并将其作为答案返回。

  var arr = [23,56,87,32,75,13];
  var new_arr = arr.slice(2);
  document.write(arr);
  document.write(new_arr);
  

  输出：

  [23,56,87,32,75,13]
  [87,32,75,13]
  

• 示例 3：在此示例中， slice()方法从给定数组中提取数组，该数组从索引2开始，包括小于索引4的所有元素。

  var arr = [23,56,87,32,75,13];
  var new_arr = arr.slice(2,4);
  document.write(arr);
  document.write(new_arr);
  

  输出：

  [23,56,87,32,75,13]
  [87,32]
  

上述方法的代码如下：

方案一：

function func() {
  
    //Original Array
    var arr = [23,56,87,32,75,13];
  
    //Extracted array
    var new_arr = arr.slice();
    document.write(arr);
    document.write("<br>");
    document.write(new_arr);
}
func();

输出：

[23,56,87,32,75,13]
[23,56,87,32,75,13]

方案二：

function func() {
  
    //Original Array
    var arr = [23,56,87,32,75,13];
  
    //Extracted array
    var new_arr = arr.slice(2);
    document.write(arr);
    document.write("<br>");
    document.write(new_arr); 
}
func();

输出：

[23,56,87,32,75,13]
[87,32,75,13]

支持的浏览器： JavaScript Array slice()方法支持的浏览器如下：

• 谷歌浏览器 1 以上
• 边缘 12 及以上
• 火狐 1 及以上
• Internet Explorer 4 及更高版本
• Opera 4 及以上
• Safari 1 及以上