JavaScript slice() 方法

String 对象参考手册 JavaScript String 对象

提取字符串的片断:

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var str = "Hello world!";
    var n = str.slice(1, 5);
    document.getElementById("demo").innerHTML = n;
  }
</script>

尝试一下 »


定义和用法

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

使用 start(包含) 和 end(不包含) 参数来指定字符串提取的部分。

字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推。

提示: 如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


语法

string.slice(start, end)

参数值

参数 描述
start 必须. 要抽取的片断的起始下标。第一个字符位置为 0
end 可选。 紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。

返回值

类型 描述
String 提取的字符串

技术细节

JavaScript 版本: 1.0

更多实例

提取所有字符串:

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var str = "Hello world!";
    var n = str.slice(0);
    document.getElementById("demo").innerHTML = n;
  }
</script>

尝试一下 »


从字符串的第3个位置提取字符串片段:

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var str = "Hello world!";
    var n = str.slice(3);
    document.getElementById("demo").innerHTML = n;
  }
</script>

尝试一下 »


从字符串的第3个位置到第8个位置直接的字符串片段:

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var str = "Hello world!";
    var n = str.slice(3, 8);
    document.getElementById("demo").innerHTML = n;
  }
</script>

尝试一下 »


只提取第1个字符:

<p id="demo">单击按钮显示截取部分.</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var str = "Hello world!";
    var n = str.slice(0, 1);
    document.getElementById("demo").innerHTML = n;
  }
</script>

尝试一下 »


提取最后一个字符:

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var str = "Hello world!";
    var n = str.slice(-1);
    document.getElementById("demo").innerHTML = n;
  }
</script>

尝试一下 »


String 对象参考手册 JavaScript String 对象