😬每个开发人员都应该知道的 15 个非常重要的 JavaScript 字符串方法

在大多数 Web 开发项目中，JavaScript 字符串的操作非常重要。因此，在本文中，我们将介绍 JavaScript 中一些重要且常用的字符串方法。以下是我们将用来学习这些方法的字符串。

var stringOne = "Let's learn important javascript string methods."
var stringTwo = "Also we will see their examples."

charAt()

该String对象的charAt()方法返回一个新字符串，该字符串由位于字符串中指定偏移量的单个 UTF-16 代码单元组成。如果index无法转换为整数或未index提供，则默认为0，因此返回字符串的第一个字符。

const index = 4;
console.log(`Character at index ${index} in stringOne is ${stringOne.charAt(index)}`);

输出

stringOne 中索引 4 处的字符是 s

连接（）

该concat()方法将字符串参数连接到调用字符串并返回一个新字符串。如果参数不是字符串类型，则在连接之前将其转换为字符串值。

console.log(stringOne.concat(stringTwo));
console.log(stringOne.concat('And ', stringTwo));

输出

让我们学习重要的 javascript 字符串方法。我们还将查看它们的示例。
让我们学习重要的 javascript 字符串方法。我们还将查看它们的示例。

endsWith()

该endsWith()方法判断字符串是否以指定字符串的字符结尾，并根据情况返回true或false。此方法区分大小写。如果提供了第二个参数，则将其用作length字符串的 。默认为string.length。

console.log(stringOne.endsWith('methods.'));
console.log(stringOne.endsWith('javascript'));
console.log(stringOne.endsWith('javascript', 32));

输出

真
假
真

包括（）

该includes()方法执行区分大小写的搜索，以确定一个字符串是否可以在另一个字符串中找到，并根据情况返回true或false。第二个参数是 searchString 在字符串中开始搜索的位置。（默认为 0。）

console.log(stringOne.includes("Let's"));
console.log(stringOne.includes("Let's", 1)); //Start searching from first index
console.log(stringOne.includes("let's")); //Case sensitive

输出

真
假
假

索引（）

该indexOf()方法返回调用字符串对象中指定值首次出现的索引，从 开始搜索fromIndex。-1如果未找到该值，则返回 。fromIndex第二个参数是一个整数，表示搜索起始的索引。默认为 0。

console.log(stringOne.indexOf('a'));
console.log(stringOne.indexOf('a', 15)); //Start searching from index 15

输出

8
18

lastIndexOf()

该lastIndexOf()方法与方法相同，indexOf()唯一的区别在于，它搜索给定字符串的最后一次出现，而不是第一次出现。如果未找到index，则返回 searchValue 最后一次出现的位置。-1

console.log(stringOne.lastIndexOf('a'));

输出

二十五

代替（）

该replace()方法返回一个新字符串，其中 a 的部分或全部匹配项pattern被替换为一个替换项。模式可以是 astring或 a RegExp，替换项可以是 astring或 a function，每次匹配时都会调用此方法。如果模式是字符串，则仅替换第一个匹配项。
原始字符串保持不变。

console.log(stringOne.replace('methods', 'functions'));
console.log(stringOne.replace('important', 'must know'));
const regex = /Javascript/i;
console.log(stringOne.replace(regex, 'JS'));

输出

让我们学习重要的 JavaScript 字符串函数。
让我们学习必须知道的 JavaScript 字符串方法。
让我们学习重要的 JS 字符串方法。

replaceAll()也是一种类似的方法，唯一的区别是它不是替换第一个匹配，而是替换字符串中的每个匹配。

开始于（）

该startsWith()方法判断字符串是否以指定字符串的字符开头，并根据情况返回true或 。第二个参数表示从此字符串的哪个位置开始搜索 searchString 。默认值为 0。falseposition

console.log(stringOne.startsWith("Let's"));
console.log(stringOne.startsWith("Let's", 5)); // Start searching from position at index 5

输出

真\
假

片（）

该slice()方法提取字符串的一部分并将其作为新字符串返回，而不会修改原始字符串。其第一个参数是beginIndex从零开始的索引，提取从该索引处开始。第二个参数是endIndex从零开始的索引，提取在该索引之前结束。字符 atendIndex不会被包含。如果和
中的任何一个或两个为负数，则它们将被视为和。（例如，如果 endIndex 为 -3，则将其视为 str.length - 3。）endIndexbeginIndexstr.length + endIndexstr.length + beginIndex

console.log(`Length of stringOne is ${stringOne.length}`);
console.log(stringOne.slice(6, 22)); // Start at index 6 and extract upto index 22 not including 22
console.log(stringOne.slice(6, -9)); // Start at index 6 and extract upto index 48 - 9 = 39 not including 39
console.log(stringOne.slice(6)); // Start at index 6 and extract whole string
console.log(stringOne.slice(50)); // As startIndex is greater than length return empty string

输出

stringOne 的长度为 48，
学习重要的
学习重要的 javascript 字符串
学习重要的 javascript 字符串方法。

分裂（）

该split()方法将 分成String一个有序的子字符串列表，将这些子字符串放入 中array，并返回array。

console.log(stringOne.split(' '));
console.log(stringOne.split('learn'));

输出

[ "让我们", '学习', '重要的', 'javascript', '字符串', '方法'。]
[ "让我们", '重要的 javascript 字符串方法'。]

子串（）

该substr()方法返回字符串的一部分，从指定的索引开始，然后延伸给定数量的字符。

console.log(stringOne.substr(6)); // Start at index 6 and extract whole remaining string
console.log(stringOne.substr(6, 34)); // Start at index 6 and extract next 34 characters.

输出

学习重要的 JavaScript 字符串方法。
学习重要的 JavaScript 字符串

修剪（）

该trim()方法用于删除字符串两端的空格。此处的空格指所有空白字符（空格、制表符、不间断空格等）以及所有行终止符（换行符、回车符等）。

var stringThree = '       remove whitespaces       ';
console.log(stringThree.trim());

输出

删除空格

和trimEnd()是trimStart()类似的方法，分别从字符串的末尾和开头删除空格。

匹配（）

该match()方法检索字符串与正则表达式匹配的结果。您可以点击此处了解有关正则表达式的知识。

const regex = /[A-Z]/g; // regex for capital characters
console.log(stringOne.match(regex));

输出

[ 'L' ]

转小写()

该toLowerCase()方法返回转换为小写的调用字符串值。

var stringThree = 'THIS IS DEMO STRING';
console.log(stringThree.toLowerCase());

输出

这是演示字符串

转大写（）

该toUpperCase()方法返回转换为大写的调用字符串值。

var stringThree = 'this is demo string';
console.log(stringThree.totoUpperCase()());

输出

这是演示字符串

本文就到这里。您可以访问satishnaikawadi.me阅读更多与编程相关的文章。感谢您的阅读😇。