提示

本文主要介绍 JavaScript 字符串的常用方法。@ermo

字符串

方法名	作用
.length	获取字符串长度
charAt()	检索字符串中字符的位置
toLowerCase()/toUpperCase()	字符串转换小/大写
replace()	查找并替换字符串
indexOf()	返回字符串首次出现的位置
lastIndexOf()	返回字符串最后出现的位置
trim()	去空格
split()	把一个字符串分割成字符串数组
substr(start, length)	截取子字符串，参数为开始索引和截取长度
substring(start, end)	截取字符串，参数为开始索引和结束索引
slice(start, end)	截取字符串，参数为开始索引和结束索引

连接字符串

可以用 + 连接多个字符串。

    var name = 'Java' + "Script";
    console.log(name);

获取长度 length

可以通过 .length 属性获取字符串的长度。

    var lan = "JavaScript";
    console.log(lan.length);

输出

10

检索字符串中字符的位置

字符串也是有索引的，索引从0开始。

可以通过 charAt() 方法检索字符在字符串中的位置。

    var lan = "JavaScript";
    var str = lan.charAt(4);
    console.log(str);

输出

S

上例中从左到右，索引为4的字符为 S。

字符大小写转换

    var str1 = "JavaScript";
    var str2 = str1.toLowerCase();
    console.log(str2);

    var str3 = str1.toUpperCase();
    console.log(str3);

输出

javascript
JAVASCRIPT

查找并替换字符串

使用 replace() 方法可以替换指定字符串。

    var str = "JavaScript";
    var str1 = str.replace('Script', 'Go');
    console.log(str1);

输出

JavaGo

查询字符串首次出现的位置

indexOf() 方法可以查询字符串首次出现的位置，并将索引返回。

    var str = "Hello world JavaScript";
    var index = str.indexOf("world");
    console.log(index);

输出

6

查询字符串最后出现的位置

lastIndexOf() 方法与 indexOf() 方法相反，可以查询字符串最后出现的位置。

    var str = "Hello world JavaScript";
    var index = str.indexOf("o");
    console.log(index);
    
    var lastIndex = str.lastIndexOf("o");
    console.log(lastIndex);

输出

4
7

去除首尾空白符

trim() 用于去除字符串首尾的空白字符，包括空格、制表符 tab、换行符等。

    var str = "   Hello world JavaScript   ";
    console.log(str);
    var str1 = str.trim();
    console.log(str1);

输出

   Hello world JavaScript   
Hello world JavaScript

分割字符串为字符串数组

split() 可以指定分割符，将字符串分割为字符串数组。

    var str = "hello,world,javaScript";
    var str1 = str.split(",");
    console.log(str1);

输出

['hello', 'world', 'javaScript']

截取子字符串

substr

substr() 的语法为

substr(start, length);

start 代表截取开始的索引，length 表示截取的长度。

    var str = "hello world javaScript";
    var str1 = str.substr(2, 5);
    console.log(str1);

输出

llo w

substring

substring() 方法同样是截取，语法为

substring(from, to);

from 表示截取的开始位置，是必填项；to 表示截取到的索引为止，是非必填项，如果不传 to 参数，表示截取到字符串末尾。

    var str = "hello world javaScript";
    var str1 = str.substring(2, 4);
    console.log(str1);

输出

ll

上例表示截取索引为 [2,4) 的字符串，截取范围为左闭右开。

slice

slice() 同样可以用于截取字符串，语法为

slice(start, end);

start 表示开始索引，end 表示截取结束的索引。截取的范围同样是左闭右开，包含开始索引，不包含结束索引。

    var str = "hello world javaScript";
    var str1 = str.slice(2, 4);
    console.log(str1);

输出

ll