实训课程——JS基础知识

最新推荐文章于 2023-05-29 17:25:49 发布

mushroom_er

最新推荐文章于 2023-05-29 17:25:49 发布

阅读量125

点赞数 1

文章标签： js 字符串

本文链接：https://blog.csdn.net/weixin_48642958/article/details/117670294

版权

提取部分字符串

有三种提取部分字符串的方法：

· slice(start, end)

· substring(start, end)

· substr(start, length)

（1）slice() 方法

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。

如果省略第二个参数，则该方法将裁剪字符串的剩余部分。

如果某个参数为负，则从字符串的结尾开始计数。

例子：

<!DOCTYPE html>
<html>
<body>

<h1>slice() 方法</h1>

<p>slice() 提取字符串的某个部分，并在新字符串中返回被提取的部分。</p>

<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>

<script>
var str = "This is a simple example.";
var res1 = str.slice(10,16);
var res2 = str.slice(-8,-2);
var res3 = str.slice(10);
var res4 = str.slice(-15);
document.getElementById("demo1").innerHTML = res1 + " " + res2; 
document.getElementById("demo2").innerHTML = res4; 
document.getElementById("demo3").innerHTML = res3; 
</script>

</body>
</html>

结果：

（2）substring() 方法

substring() 类似于 slice()。

不同之处在于 substring() 无法接受负的索引。

例子：

<!DOCTYPE html>
<html>
<body>

<h1>substring() 方法</h1>

<p>substring() 提取字符串的某个部分，并在新字符串中返回被提取的部分。</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
var str = "This is a simple example.";
var res1 = str.substring(7,16);
var res2 = str.substring(7);
document.getElementById("demo1").innerHTML = res1;
document.getElementById("demo2").innerHTML = res2;
</script>

</body>
</html>

结果：

（3）substr() 方法

substr() 类似于 slice()。

不同之处在于第二个参数规定被提取部分的长度。

如果省略第二个参数，则该 substr() 将裁剪字符串的剩余部分。

第二个参数不能为负，因为它定义的是长度。

例子：

<!DOCTYPE html>
<html>
<body>

<h1>substr()方法</h1>

<p>substr() 提取字符串的某个部分，并在新字符串中返回被提取的部分。</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
var str = "This is a simple example.";
var res1 = str.substr(8,8);
var res2 = str.substr(-8);
document.getElementById("demo1").innerHTML = res1;
document.getElementById("demo2").innerHTML = res2;
</script>

</body>
</html>

效果：