JS常见疑难点分析之match，charAt，charCodeAt，map，search用法分析

JS常见疑难点分析之match方法

match方法是JS字符串对象中的一个常见方法，用于对字符串进行正则表达式匹配。其基本语法为：

string.match(regexp)

• string：必选项，表示需要匹配的字符串。
• regexp：必选项，表示正则表达式。

如果成功匹配，则返回一个匹配数组，否则返回null。

match方法常用示例

示例一

const str = "The quick brown fox jumps over the lazy dog";
const pattern = /fox/gi;
const result = str.match(pattern);
console.log(result);

输出结果如下所示：

["fox"]

该示例中，我们定义了一个字符串str和一个正则表达式pattern，使用match方法对str字符串进行匹配。由于字符串中包含了"fox"这个词语，因此成功匹配到"fox"，最后返回一个包含"fox"的数组。

示例二

const str = "123abc45def";
const pattern = /\D+/g;
const result = str.match(pattern);
console.log(result);

输出结果如下所示：

["abc", "def"]

该示例中，我们定义了一个包含数字和字母的字符串str和一个正则表达式pattern，使用match方法对str字符串进行匹配。由于正则表达式中\D+表示非数字，因此成功匹配到了"abc"和"def"两个非数字部分，最后返回一个包含"abc"和"def"的数组。

JS常见疑难点分析之charAt、charCodeAt方法

charAt方法和charCodeAt方法是JS字符串对象中的两个常见方法，用于获取字符串中指定位置的字符或字符编码。它们的基本语法分别如下所示：

string.charAt(index)
string.charCodeAt(index)

• string：必选项，表示需要获取字符或字符编码的字符串。
• index：必选项，表示需要获取字符或字符编码的位置，0表示第一个字符。

如果索引位置超出范围，则返回空字符串或NaN。

charAt、charCodeAt方法常用示例

示例一

const str = "hello world";
console.log(str.charAt(1));
console.log(str.charCodeAt(1));

输出结果如下所示：

e
101

该示例中，我们定义了一个字符串str，分别使用charAt、charCodeAt方法获取了字符串中第二个字符"e"和其对应的ASCII编码101。

示例二

const str = "abc";
for (let i = 0; i < str.length; i++) {
  console.log(str.charAt(i));
  console.log(str.charCodeAt(i));
}

输出结果如下所示：

a
97
b
98
c
99

该示例中，我们定义了一个字符串str，使用for循环遍历整个字符串，并分别使用charAt、charCodeAt方法获取每个字符及其对应的ASCII编码。

JS常见疑难点分析之map方法

map方法是JS数组对象中的一个常见方法，用于对数组元素进行处理。其基本语法为：

array.map(callbackfn)

• array：必选项，表示需要处理的数组。
• callbackfn：必选项，表示对数组元素进行处理的回调函数。

map方法将遍历数组中的每个元素，对每个元素调用一次回调函数，并将回调函数的返回值组成一个新的数组返回。

map方法常用示例

示例一

const nums = [1, 2, 3];
const result = nums.map(num => num * 2);
console.log(result);

输出结果如下所示：

[2, 4, 6]

该示例中，我们定义了一个包含三个整数的数组nums，使用map方法将数组中的每个元素都乘以2，并返回一个新的包含结果的数组。

示例二

const strs = ["hello", "world"];
const result = strs.map(str => str.toUpperCase());
console.log(result);

输出结果如下所示：

["HELLO", "WORLD"]

该示例中，我们定义了一个包含两个字符串的数组strs，使用map方法将数组中的每个元素都转换成大写形式，并返回一个新的包含结果的数组。

JS常见疑难点分析之search方法

search方法是JS字符串对象中的一个常见方法，用于对字符串进行正则表达式匹配并返回匹配位置。其基本语法为：

string.search(regexp)

• string：必选项，表示需要匹配的字符串。
• regexp：必选项，表示正则表达式。

如果成功匹配，则返回匹配位置的索引值。如果匹配失败，则返回-1。

search方法常用示例

示例一

const str = "The quick brown fox jumps over the lazy dog";
const pattern = /fox/g;
const result = str.search(pattern);
console.log(result);

输出结果如下所示：

16

该示例中，我们定义了一个字符串str和一个正则表达式pattern，使用search方法对str字符串进行匹配，由于字符串中包含了"fox"这个词语，匹配成功并返回其在字符串中的索引位置16。

示例二

const str = "123abc45def";
const pattern = /\D+/g;
const result = str.search(pattern);
console.log(result);

输出结果如下所示：

3

该示例中，我们定义了一个包含数字和字母的字符串str和一个正则表达式pattern，使用search方法对str字符串进行匹配。由于正则表达式中\D+表示非数字，因此匹配到了"abc"这个非数字部分，返回其在字符串中的索引位置3。