当前位置: 首页 > 科技观察

每个开发人员都应该知道的JavaScript字符串操作技术

时间:2023-03-19 09:54:38 科技观察

在JavaScript中,字符串是不可变的,可以帮助我们存储包含字符、数字和Unicode的文本。此外,JavaScript包含许多用于以各种方式创建和操作字符串的内置函数。在本文中,我将讨论每个开发人员都应该知道的JavaScript字符串操作技术。1.将字符串拆分为字符数组作为开发人员,我们会遇到很多需要将字符串拆分为字符数组的情况。例如,它是软件工程师面试中被问得最多的问题之一。在JavaScript中,有许多方法可以将字符串拆分为字符数组:split()split()方法将字符串拆分为两个或多个子字符串的有序列表并返回它,具体取决于提供的模式、分隔符或定界符。letquote='IamNipuni';//使用空格字符拆分字符串letarray1=quote.split('');控制台日志(array1);//["I","am","Nipuni"]//使用空字符串拆分字符串(在每个字符上)letarray2=quote.split('');控制台日志(array2);//["I","","a","m","","N","i","p","u","n","i"]from()来自Array类的()方法是split()方法的主要竞争对手。它允许我们从数据源创建一个数组。我们还可以使用它从可迭代的字符串创建一个数组。letname="NipuniArunodi";//字符串到字符数组letnameChars=Array.from(name);控制台日志(名称字符);//["N","i","p","u","n","i","","A","r","u","n","o","d","i"]展开运算符(...)展开运算符是另一个JavaScript功能,可以帮助我们从字符串创建数组。letname="NipuniArunodi";//将字符串展开到一个数组中letnameChar=[...name];控制台日志(名称字符);//["N","i","p","u","n","i","","A","r","u","n","o","d","i"]2.检查字符串中的特定序列与拆分类似,有许多方法可以检查JavaScript字符串中的特定序列。includes()方法、indexOf()或正则表达式可用于此类目的。但是,includes()是确定字符串是否包含一个字母或一系列字母的最常用方法。它是专门为此目的创建的。consttext="嗨,我叫Nipuni"console.log(text.includes("Nipuni"));//trueconsole.log(text.includes("Arunodi"));//false3.检查字符串是否以特定序列开始或结束includes()检查整个字符串中的特定序列。如果要确定字符串是以特定子字符串开头还是以特定子字符串结尾,有两种专门的方法。字符串方法startsWith()确定字符串是否以特定子字符串开头。如果字符串以指定的子字符串开头,则返回true。否则,它返回false。consttext="嗨,我叫Nipuni"console.log(text.startsWith("Hi"));//trueendsWith()方法允许我们确定字符串是否以指定字符串结尾。consttext="嗨,我叫Nipuni"console.log(text.endsWith("Hi"));//false4.在多个分隔符上拆分字符串最初,我提到split()函数可用于将字符串拆分为数组。同样,您可以将正则表达式传递给split()函数以同时在多个运算符上拆分字符串。//以逗号(,)和分号(;)分割。constlist="Car,Bus;Train"constvehicles=list.split(/[,;]/);console.log(fruits);//[“汽车”、“公共汽车”、“火车”]5。反转字符串中的字符这是另一个常见的入门级开发人员面试问题。有很多方法可以使用JavaScript反转字符串。例如,我们可以将split()方法与reverse()和join()方法结合起来。使用这种方法,首先,您需要使用split()将字符串拆分为一个数组。接下来,使用reverse()反转数组,最后使用join()函数再次加入它。这是在JavaScript中反转字符串的最简单方法。constword="Nipuni";constreversedWord=[...word].reverse().join("");console.log(reversedWord);//"inupiN"6.多次复制一个字符串repeat()是JavaScript中的一个字符串方法,它允许我们将一个字符串重复指定的次数。由于repeat()方法是一个String对象方法,它必须与String类的特定实例一起使用。//连接"0"10次.constzeroString="0".repeat(10);console.log(zeroString);//"0000000000"7.将字符串填充到特定长度您可能希望您的字符串有时具有指定的长度。如果您的琴弦太短,您需要填充间隙直到达到所需的长度。以前,人们经常为此使用图书馆。相反,您现在可以使用padStart()和padEnd()方法在开头或结尾填充字符串。//在开头添加0直到字符串的长度为10.conststring="001".padStart(10,"0");console.log(string);//"0000000001"//添加*直到字符串的长度为10.conststring="99".padEnd(10,"*");console.log(string);//"99********"8.countcharacters字符串中的字符您可以轻松地使用string.length方法来获取字符串的长度。它将返回字符串中的字符数。constword="Nipuni";console.log(word.length);//69.将字符串中的字母转换为大写或小写您可以使用toUpperCase()和toLowerCase()方法将字符串中的字符分别转换为大写或小写。例如,如果需要将首字母大写,可以使用如下方法://方法1-ToUppercaseletname="nipuni";name=name[0].toUpperCase()+name.substr(1);控制台.log(名称);//"Nipuni"//方法1-ToLowercasename=name[0].toLowerCase()+name.substr(1);控制台日志(名称);//"nipuni"//方法2-ToUppercaseletname="nipuni";constcharacters=[...name];characters[0]=characters[0].toUpperCase();name=characters.join("");控制台日志(名称);//"Nipuni"//方法2-小写constcharacters=[...name];characters[0]=characters[0].toLowerCase();name=characters.join("");console.log(name);//"Nipuni"10.替换所有出现的字符串有几种方法可以替换所有出现的字符串。replace()方法或带有全局标志的正则表达式是开发人员常用的一些方法。但是,JavaScript在2021年引入了一种名为replaceAll()的新方法,可以一次性替换所有出现的地方。然而,这种新方法目前并不适用于所有浏览器或最新版本的Node.js。consttext="我喜欢Cars。Cars有4个轮子"console.log(text.replace(/Cars/g,"Vans"));//"我喜欢Vans。Vans有4个轮子"console.log(text.replaceAll("Cars","Vans"));//"我喜欢Vans。Vans有4个轮子"结语在几乎每一种编程语言中,字符串都是最基本的数据类型之一。开发者每天都需要在项目中处理各种字符串操作。本文讨论了每个开发人员都应该知道的JavaScript中一些最常见的字符串操作技术。我希望这篇文章能帮助你提高你的知识。谢谢阅读。