JavaScript中常见的字符串操作函数及用法汇总

JavaScript中有很多字符串操作函数，这篇攻略将会讲解其中常见的一些函数及其用法。我们来详细了解一下吧。

字符串的创建

字符串可以通过两种方式创建，分别是双引号和单引号。

var str1 = "JavaScript";   // 使用双引号创建字符串
var str2 = 'JavaScript';   // 使用单引号创建字符串

字符串的长度

使用字符串的 length 属性可以获取字符串的长度，即字符串中字符的个数。

var str = "JavaScript";
console.log(str.length);   // 输出：10

字符串的连接

使用 + 运算符可以将两个字符串进行连接。

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + " " + str2;
console.log(str3);   // 输出：Hello World

字符串的查找

indexOf()

indexOf() 函数用来查找字符串中指定字符或字符串的位置，返回查找到的第一个位置，如果没有找到则返回 -1。

var str = "Hello World";
console.log(str.indexOf("o"));      // 输出：4
console.log(str.indexOf("JavaScript"))   // 输出：-1

lastIndexOf()

lastIndexOf() 函数用来查找字符串中指定字符或字符串的位置，返回查找到的最后一个位置，如果没有找到则返回 -1。

var str = "Hello World";
console.log(str.lastIndexOf("o"));      // 输出：7
console.log(str.lastIndexOf("JavaScript"))   // 输出：-1

字符串的截取

substr()

substr() 函数用来截取字符串中指定区间的字符串，第一个参数是起点位置，第二个参数是截取的长度，如果不传第二个参数，则会截取到最后。

var str = "Hello World";
console.log(str.substr(0, 5));      // 输出：Hello
console.log(str.substr(6));    // 输出：World

substring()

substring() 函数用来截取字符串中指定区间的字符串，第一个参数是起点位置，第二个参数是终点位置，不包括终点位置。如果第一个参数比第二个参数大，则会交换两个参数的值。

var str = "Hello World";
console.log(str.substring(0, 5));      // 输出：Hello
console.log(str.substring(6));    // 输出：World

字符串的替换

replace()

replace() 函数用来替换字符串中指定的字符或字符串。

var str = "Hello World";
console.log(str.replace("World", "JavaScript"));    // 输出：Hello JavaScript

字符串的分隔

split()

split() 函数可以把字符串分隔成数组，第一个参数是分隔符，返回的是一个数组，数组中的元素是分隔符分隔的字符串片段。如果不传参数，则会把整个字符串作为一个元素放到数组中。

var str = "hello,world,javascript";
var arr = str.split(",");
console.log(arr);    // 输出：["hello", "world", "javascript"]

字符串的转换

toUpperCase()

toUpperCase() 函数可以把字符串中的字母转换成大写。

var str = "Hello World";
console.log(str.toUpperCase());    // 输出：HELLO WORLD

toLowerCase()

toLowerCase() 函数可以把字符串中的字母转换成小写。

var str = "Hello World";
console.log(str.toLowerCase());    // 输出：hello world

以上就是本篇攻略内容的全部了，希望对大家有所帮助。

示例

示例一

需求：从网址中获取文件名，例如将 http://www.example.com/js/main.js 转换成 main.js。

var url = "http://www.example.com/js/main.js";
var arr = url.split("/");
console.log(arr[arr.length - 1]);    // 输出：main.js

示例二

需求：将字符串中的每一个单词首字母大写。

var str = "this is a test";
var arr = str.split(" ");
for (var i = 0; i < arr.length; i++) {
    arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
}
var newStr = arr.join(" ");
console.log(newStr);    // 输出：This Is A Test