JS 字符串方法_js转text-CSDN博客

字符串方法和属性

原始值，比如“Bill Gates”，无法拥有属性和方法（因为它们不是对象）。
但是通过 JavaScript，方法和属性也可用于原始值，因为在执行方法和属性时 JavaScript 将原始值视为对象。

字符串长度

length 属性返回字符串的长度：

实例：

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

查找字符串中的字符串

indexOf() 方法返回字符串中指定文本首次出现的索引（位置）（从0开始）：

实例：

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引：

实例：

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1。
两种方法都接受作为检索起始位置的第二个参数。
lastIndexOf() 方法向后进行检索（从尾到头），这意味着：假如第二个参数是 50，则从位置 50 开始检索，直到字符串的起点。

检索字符串中的字符串

search() 方法搜索特定值的字符串，并返回匹配的位置：

实例：

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("China");

indexOf ( ) 与 search ( ) 的差别

search() 方法无法设置第二个开始位置参数。
indexOf() 方法无法设置更强大的搜索值（正则表达式）。

提取部分字符串

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

slice(start, end)
substring(start, end)
substr(start, length)

slice() 方法

实例：

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);

res 的结果是：

Banana

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

实例：

var str = "Apple, Banana, Mango";
var res = str.slice(-13,-7);

res 的结果是：

Banana

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

实例：

var res = str.slice(7);

或者从结尾计数：

var res = str.slice(-13);

substring() 方法

substring() 类似于 slice()，不同之处在于 substring() 无法接受负的索引。
如果省略第二个参数，则该 substring() 将裁剪字符串的剩余部分。

substr() 方法

substr() 类似于 slice()，不同之处在于第二个参数规定被提取部分的长度。
如果省略第二个参数，则该 substr() 将裁剪字符串的剩余部分。
如果首个参数为负，则从字符串的结尾计算位置。
第二个参数不能为负，因为它定义的是长度。

替换字符串内容

replace() 方法用另一个值替换在字符串中指定的值：
默认地，replace() 只替换首个匹配。
默认地，replace() 对大小写敏感。

实例：

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>
<p>请把下面的段落中的“Microsoft”替换为“W3School”：</p>
<button onclick="myFunction()">试一试</button>
<p id="demo">请访问 Microsoft 和 Microsoft！</p>

<script>
function myFunction() {
  var str = document.getElementById("demo").innerHTML; 
  var txt = str.replace("Microsoft","W3School");
  document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>

网页显示效果（加载完成）：
在这里插入图片描述
网页显示效果（点击按钮后）：

转换为大写和小写

通过 toUpperCase() 把字符串转换为大写：

var text1 = "Hello World!";       // 字符串
var text2 = text1.toUpperCase();  // text2 是被转换为大写的 text1

通过 toLowerCase() 把字符串转换为小写：

var text1 = "Hello World!";       // 字符串
var text2 = text1.toLowerCase();  // text2 是被转换为小写的 text1

concat() 方法

concat() 连接两个或多个字符串：

实例：

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);

concat() 方法可用于代替加运算符。下面两行是等效的：

实例：

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

charAt() 方法

charAt() 方法返回字符串中指定下标（位置）的字符串：

实例：

var str = "HELLO WORLD";
str.charAt(0);            // 返回 H

以上内容均整理自W3C，如需阅读全文请点击链接。