1.字符串长度
length 属性返回字符串的长度：
|
1 2 |
var str = "字符串常用方法总结-东东吖"; str.length; //13 |
2.查找字符串中的位置
有三种查找字符串中的位置：
- indexOf（）
- lastIndexOf()
- search()
indexOf()
indexOf() 方法返回字符串中指定文本首次出现的索引（从0开始),如果没有则为-1，可以设置第二个参数，假如第二个参数是 10，则从位置 10 开始检索，直到字符串的起点。
|
1 2 3 4 5 6 |
var str = "字符串常用方法总结-东东吖"; str.indexOf('东') //10 str.indexOf('东',11) //11 str.indexOf('东东') //10 str.indexOf('方法') //5 str.indexOf('前') //-1 |
lastIndexOf()
lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引（从尾到头）,如果没有则为-1。可以设置第二个参数，假如第二个参数是 10，则从位置 10 开始检索，直到字符串的起点。（这里需认真理解最后一次的概念）
|
1 2 3 4 5 6 7 |
var str = "字符串常用方法总结-东东吖"; str.lastIndexOf('总') //7 str.lastIndexOf('吖') //12 str.lastIndexOf('东') //11 str.lastIndexOf('东',10) //10 str.lastIndexOf('东东') //10 str.indexOf('前') //-1 |
search()
search() 方法搜索特定值的字符串，并返回匹配的位置：
|
1 2 3 4 |
var str = "字符串常用方法总结-东东吖"; str.search('方') //5 str.search('东') //10 str.search('东东') //10 |
您注意到了吗?
两种方法，indexOf() 与 search()，是相等的。
这两种方法是不相等的。区别在于：
- search() 方法无法设置第二个开始位置参数。
- indexOf() 方法无法设置更强大的搜索值（正则表达式）
3.提取部分字符串
有三种提取部分字符串的方法：
- slice(start, end)
- substring(start, end)
- substr(start, length)
substring()和substr()记忆方法：有ing尾巴的使用尾巴，没尾巴的使用长度。
slice()
slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。
该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）
|
1 2 |
var str = "Apple, Banana, Mango"; str.slice(0,8); // 'Apple, B' 注意此处空格也占一个位置 |
如果某个参数为负，则从字符串的结尾开始计数。
这个例子裁剪字符串中位置 -12 到位置 -6 的片段：
|
1 2 |
var str = "Apple, Banana, Mango"; str.slice(-13,-7); //'Banana' |
如果省略第二个参数，则该方法将裁剪字符串的剩余部分：
|
1 2 3 |
var str = "Apple, Banana, Mango"; str.slice(7); //'Banana, Mango' str.slice(-13); //'Banana, Mango' |
substring()
substring() 类似于 slice()。
不同之处在于substring() 无法接受负的索引,同样可以省略第二个参数。
|
1 2 3 |
var str = "Apple, Banana, Mango"; str.substring(7,13); //'Banana' str.substring(7); //'Banana, Mango' |
substr()
substr() 类似于 slice()。
不同之处在于第二个参数规定被提取部分的长度，同样可以省略第二个参数、如果首个参数为负，则从字符串的结尾计算位置。
|
1 2 3 4 |
var str = "Apple, Banana, Mango"; str.substr(7,6); //'Banana' str.substr(7); //'Banana, Mango' str.substr(-5); //'Mango' |
4.替换字符串内容
- replace() 方法用另一个值替换在字符串中指定的值
- replace() 方法不会改变调用它的字符串。它返回的是新字符串
- replace() 默认只替换首个匹配
- 如需替换所有匹配，请使用正则表达式的 /str/g 标志（用于全局搜索）：
- 如需执行大小写不敏感的替换，请使用正则表达式/str/i（大小写不敏感）：
|
1 2 3 4 5 6 |
var str ='我叫东东吖，我是一名前端工程师！'; str.replace("前","后"); // "我叫东东吖，我是一名后端工程师！" str.replace("东","西"); //"我叫西东吖，我是一名前端工程师！"
var str = "Please visit Microsoft!"; str.replace(/MICROSOFT/i, "W3School"); // "Please visit W3School!" |
5.转换为大写和小写
通过 toUpperCase() 把字符串转换为大写
通过 toLowerCase() 把字符串转换为小写
|
1 2 3 4 5 |
var str ="abc"; str.toUpperCase(); // "ABC"
var str ="CBD"; str.toLowerCase(); //"cbd" |
6.连接字符串
concat() 连接两个或多个字符串：
|
1 2 |
var text = "Hello" + " " + "World!"; var text = "Hello".concat(" ","World!"); |
所有字符串方法都会返回新字符串。它们不会修改原始字符串。
正式地说：字符串是不可变的：字符串不能更改，只能替换。
7.删除字符串两端的空白符
trim() 方法删除字符串两端的空白符：
|
1 2 |
var str = " Hello Worl d! "; str.trim(); // "Hello World!" |
8.提取字符串字符
这是两个提取字符串字符的安全方法：
- charAt() 方法返回字符串中指定下标（位置）的字符串：
- charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码：
|
1 2 3 |
var str = "HELLO WORLD"; str.charAt(0); // H str.charCodeAt(0); // 72 |
