首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript中的字符串函数

JavaScript中常用的字符串方法函数操作方法总结

2023-12-16 14:45:32 投稿：yin

这篇文章主要介绍了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

到此这篇关于JavaScript中所有的字符串函数操作方法整理汇总的文章就介绍到这了,更多相关JavaScript中的字符串函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！