JavaScript slice() 方法
提取字符串的片断:
<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 指倒数第二个字符,以此类推。
浏览器支持
所有主要浏览器都支持 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>