javaScript操作字符串的一些常用方法

下面我来为您详细讲解“JavaScript操作字符串的一些常用方法”的完整攻略。

目录

1. 字符串的创建与基本操作
2. 常用操作方法
3. 2.1 字符串查找方法
4. 2.2 字符串替换方法
5. 2.3 字符串切割方法
6. 2.4 字符串转化方法
7. 2.5 字符串大小写转换方法
8. 2.6 字符串的比较方法

1. 字符串的创建与基本操作

在JavaScript中，可以使用单引号或双引号来创建一个字符串。创建字符串的语法如下：

var str = "Hello World!";  // 使用双引号
var str2 = 'Hello World!'; // 使用单引号

JavaScript中还可以使用反引号 ` 来创建模板字符串（Template String），模板字符串可以包含多行文本、插入变量等特性，使用模板字符串的语法如下：

var str3 = `Hello World!`;
var str4 = `Hello 
World!`;

JavaScript中的字符串是一个有序的字符序列，可以通过下标来访问其中的字符。下标从0开始计数，示例代码如下：

var str = "Hello";
console.log(str[0]); //输出：H

字符串也支持拼接操作，可以使用 + 运算符将两个字符串拼接成一个字符串。示例代码如下：

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

2. 常用操作方法

2.1 字符串查找方法

字符串搜索是JavaScript中一种非常常见的操作，可以通过 js 的原生方法 indexOf() 和 lastIndexOf() 方法来进行查找。这两个方法都返回查找到的第一个字符的下标，当没有找到匹配的字符串时，indexOf() 返回 -1，lastIndexOf() 返回 0。

• indexOf()
  indexOf() 方法返回字符串中某个指定的子字符串首次出现的位置。如下面的代码所示，它将返回字符 "l" 的位置，如果没有找到则返回 -1。

var str = "Hello World!";
console.log(str.indexOf("l")); //输出：2
console.log(str.indexOf("ABC")); //输出：-1

• lastIndexof()
  lastIndexOf() 方法返回指定字符串最后出现的位置，这里的“最后的位置”是指从字符串的尾部开始搜索。如果没有找到匹配的字符串则返回 -1。示例代码如下：

var str = "Hello World!";
console.log(str.lastIndexOf("l")); //输出：9
console.log(str.lastIndexOf("ABC")); //输出：-1

2.2 字符串替换方法

JavaScript中的字符串replace()方法用来查找并替换一个子串，可以将变量替换为另一个字符串。其用法如下所示：

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

注意，replace() 方法是一种返回新字符串的功能，因此需要将新字符串赋给一个变量或者直接输出返回值。

当有多个匹配的字符串，replace() 方法只替换第一个匹配项。为了替换所有匹配项，可以使用正则表达式和全局标志 g。示例代码如下：

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

2.3 字符串切割方法

JavaScript中的字符串split()方法用来将字符串切割成数组，以空格为分隔符时，可以用它来实现单词统计的功能。其用法如下所示：

var str = "Hello World!";
console.log(str.split(" ")); //输出：["Hello", "World!"]

这里将字符串按照空格切割，返回的是一个数组，其中的每个元素是一个单词。

2.4 字符串转化方法

在JavaScript中，可以使用 toString() 方法将一个对象转换为字符串。示例代码如下：

var num = 123;
var str = num.toString();
console.log(typeof str); //输出：string

以上代码中，我们将一个数字转化为字符串。

2.5 字符串大小写转换方法

在JavaScript中，可以使用 toLowerCase() 和 toUpperCase() 方法将字符串转换成小写和大写，示例代码如下：

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

2.6 字符串的比较方法

在JavaScript中，可以使用 localeCompare() 方法来比较两个字符串，该方法返回三种可能的结果，1 表示字符串在语法上大于字符串比较参数；0 表示字符串在语法上等于字符串比较参数；-1 表示字符串在语法上小于字符串比较参数。示例代码如下：

var str1 = "Welcome";
var str2 = "Web";
console.log(str1.localeCompare(str2)); //输出：1
console.log(str2.localeCompare(str1)); //输出：-1
console.log(str1.localeCompare(str1)); //输出：0

以上就是JavaScript操作字符串的常用方法攻略。

示例说明

示例一

在下面的示例中，我们用 split() 方法将字符串分隔成一个数组，然后用 foreach() 方法遍历数组并计算单词的个数。

var str = "Hello world, welcome to the universe.";
var wordCount = 0;
str.split(" ").forEach(function(word) {
  wordCount++;
});
console.log(wordCount); //输出：7

示例二

在下面的示例中，我们用 replace() 方法替换字符串中的某些字符。

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