返回

一探字符串常用方法,领略 JavaScript 魅力!

前端







**JavaScript 字符串常用方法** 

字符串是 JavaScript 中最基本的数据类型之一,也是我们经常会用到的。JavaScript 提供了许多字符串常用方法,这些方法可以帮助我们轻松地操作字符串,满足各种各样的需求。

**字符串创建** 

字符串可以通过多种方式创建,最简单的方法是使用双引号或单引号将字符串括起来,例如:

var str = "Hello World";


也可以使用 String() 函数来创建字符串,例如:

var str = new String("Hello World");


**字符串副本** 

字符串创建后是不可变的,这意味着我们不能直接修改字符串的内容。但是,我们可以通过创建字符串的副本,然后对副本进行修改来达到修改字符串的目的。

创建字符串副本的方法有两种:

* 使用 String() 函数:

var str = "Hello World";
var strCopy = new String(str);


* 使用 slice() 方法:

var str = "Hello World";
var strCopy = str.slice();


**字符串拼接** 

字符串拼接是指将两个或多个字符串连接在一起。在 JavaScript 中,可以使用 + 运算符来进行字符串拼接,例如:

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + str2; // str3 的值为 "HelloWorld"


也可以使用 concat() 方法来进行字符串拼接,例如:

var str1 = "Hello";
var str2 = "World";
var str3 = str1.concat(str2); // str3 的值为 "HelloWorld"


**字符串搜索** 

字符串搜索是指在字符串中查找某个子字符串。在 JavaScript 中,可以使用 indexOf() 方法和 lastIndexOf() 方法来进行字符串搜索,例如:

var str = "Hello World";
var index = str.indexOf("World"); // index 的值为 6
var index = str.lastIndexOf("World"); // index 的值为 6


indexOf() 方法返回子字符串第一次出现的位置,如果没有找到则返回 -1lastIndexOf() 方法返回子字符串最后一次出现的位置,如果没有找到则返回 -1。

**字符串替换** 

字符串替换是指将字符串中的某个子字符串替换为另一个子字符串。在 JavaScript 中,可以使用 replace() 方法和 replaceAll() 方法来进行字符串替换,例如:

var str = "Hello World";
var newStr = str.replace("World", "Universe"); // newStr 的值为 "Hello Universe"
var newStr = str.replaceAll("World", "Universe"); // newStr 的值为 "Hello Universe"


replace() 方法只替换第一次出现的子字符串,replaceAll() 方法替换所有出现的子字符串。

**字符串截取** 

字符串截取是指从字符串中截取一部分子字符串。在 JavaScript 中,可以使用 slice() 方法和 substring() 方法来进行字符串截取,例如:

var str = "Hello World";
var newStr = str.slice(0, 5); // newStr 的值为 "Hello"
var newStr = str.substring(0, 5); // newStr 的值为 "Hello"


slice() 方法接受两个参数,第一个参数是起始位置,第二个参数是结束位置。substring() 方法也接受两个参数,第一个参数是起始位置,第二个参数是结束位置,但结束位置不包含在截取的子字符串中。

**字符串大小写转换** 

字符串大小写转换是指将字符串中的所有字符转换为大写或小写。在 JavaScript 中,可以使用 toUpperCase() 方法和 toLowerCase() 方法来进行字符串大小写转换,例如:

var str = "Hello World";
var newStr = str.toUpperCase(); // newStr 的值为 "HELLO WORLD"
var newStr = str.toLowerCase(); // newStr 的值为 "hello world"


**字符串比较** 

字符串比较是指比较两个字符串是否相等。在 JavaScript 中,可以使用 ===== 运算符来进行字符串比较,例如:

var str1 = "Hello World";
var str2 = "Hello World";
var result = str1 == str2; // result 的值为 true
var result = str1 === str2; // result 的值为 true


== 运算符只比较两个字符串的值是否相等,=== 运算符比较两个字符串的值和类型是否都相等。

**字符串编码** 

字符串编码是指将字符串转换为二进制数据。在 JavaScript 中,可以使用 encodeURI() 方法和 encodeURIComponent() 方法来进行字符串编码,例如:

var str = "Hello World";
var encodedStr = encodeURI(str); // encodedStr 的值为 "Hello%20World"
var encodedStr = encodeURIComponent(str); // encodedStr 的值为 "Hello%20World"


encodeURI() 方法将字符串中的特殊字符(例如:空格、问号、井号等)转换为其对应的编码。encodeURIComponent() 方法将字符串中的所有字符(包括空格)转换为其对应的编码。

**字符串解码** 

字符串解码是指将二进制数据转换为字符串。在 JavaScript 中,可以使用 decodeURI() 方法和 decodeURIComponent() 方法来进行字符串解码,例如:

var encodedStr = "Hello%20World";
var str = decodeURI(encodedStr); // str 的值为 "Hello World"
var str = decodeURIComponent(encodedStr); // str 的值为 "Hello World"


decodeURI() 方法将字符串中的编码转换为其对应的字符。decodeURIComponent() 方法将字符串中的所有编码转换为其对应的字符。