JavaScript slice() 方法

JavaScript Array 对象

在数组中读取元素：

<p id="demo">点击按钮截取数组下标 1 到 2 的元素。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    var citrus = fruits.slice(1, 3);
    var x = document.getElementById("demo");
    x.innerHTML = citrus;
  }
</script>

尝试一下 »

---

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意： slice() 方法不会改变原始数组。

---

浏览器支持

所有主要浏览器都支持slice()。

---

语法

array.slice(start, end)

参数 Values

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值

Type	描述
Array	返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

技术细节

JavaScript 版本:	1.2

---

更多实例

使用负值从数组中读取元素

<p id="demo">点击按钮截取第三个和第四个元素，使用负数。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    var myBest = fruits.slice(-3, -1);
    var x = document.getElementById("demo");
    x.innerHTML = myBest;
  }
</script>

尝试一下 »

截取字符串

<p>使用 slice() 截取字符串。</p>
<script>
  var str = "www.mifengjc.com!";
  document.write(str.slice(4) + "<br>"); // 从第 5 个字符开始截取到末尾
  document.write(str.slice(4, 10)); // 从第 5 个字符开始截取到第10个字符
</script>

尝试一下 »

---

JavaScript Array 对象