首页 > 编程语言 >JavaScript 有效的字符串方法

JavaScript 有效的字符串方法

时间:2023-04-08 13:00:44浏览次数:46  
标签:const JavaScript 有效 str 字符串 console 方法 Christmas

目录


  • 本文内容部分截取自该网站,不同部分则为本人笔记。

获得字符串的长度

let browserType = 'mozilla';
browserType.length;

用处

  • 检索特定字符串字符
// 检索字符串最后一个字符
browserType[browserType.length-1];

在字符串中查找子字符串

找到字符串的位置

  • 有时候你会想要找出一个较小的字符串是否存在于一个较大的字符串中(我们通常会说一个字符串中存在一个子字符串)。这可以使用indexOf()方法来完成,该方法需要一个parameter (en-US) — 你想要搜索的子字符串。

  • indexOf()方法用于在字符串中查找指定子字符串的第一次出现的位置。如果找到子字符串,indexOf()方法将返回该子字符串首次出现的位置的索引(从0开始计数)。如果没有找到子字符串,indexOf()方法将返回-1。

比如:

const str = 'I love Christmas! Christmas is my favorite holiday.';

const index = str.indexOf('Christmas');
console.log(index); // 输出: 7
  • 在这个例子中,str是一个包含字符 'I love Christmas! Christmas is my favorite holiday.' 的常量。我们使用indexOf('Christmas') 方法在str中查找 'Christmas' 子字符串,结果返回7,表示 'Christmas' 子字符串首次出现的位置的索引为7。

  • 如果您想查找子字符串后面出现的位置,可以为indexOf()方法提供一个可选的第二个参数,表示从字符串的哪个位置开始搜索。例如:

const nextIndex = str.indexOf('Christmas', index + 1);
console.log(nextIndex); // 输出: 19

在这个例子中,我们使用indexOf('Christmas', index + 1)方法从上一次找到'Christmas'的位置后继续查找。结果返回19,表示'Christmas'子字符串第二次出现的位置的索引为19。

判断是否包含特定子字符串

在JavaScript中,要判断一个字符串是否包含另一个字符串,可以使用includes()方法。includes()方法会检查一个字符串是否在另一个字符串中出现,如果出现则返回true,否则返回false。下面是一个例子:

const str = 'Hello, world!';
const searchString1 = 'world';
const searchString2 = 'example';

console.log(str.includes(searchString1)); // 输出: true
console.log(str.includes(searchString2)); // 输出: false

在这个例子中,str是一个包含字符串'Hello, world!'的常量。我们定义了两个搜索字符串:searchString1'world'searchString2'example'。然后,我们使用includes()方法检查str是否包含这两个搜索字符串。结果显示str包含searchString1,但不包含searchString2

截取子字符串的方法

当你知道字符串中的子字符串开始的位置,以及想要结束的字符时,slice()可以用来提取 它。尝试以下:

browserType.slice(0,3);

这时返回"moz"——第一个参数是开始提取的字符位置,第二个参数是提取的最后一个字符的后一个位置。所以提取从第一个位置开始,直到但不包括最后一个位置。(此例中)你也可以说第二个参数等于被返回的字符串的长度。


此外,如果您知道要在某个字符之后提取字符串中的所有剩余字符,则不必包含第二个参数,而只需要包含要从中提取的字符位置 字符串中的其余字符。尝试以下:

browserType.slice(2);

这返回“zilla” —— 这是因为 2 的字符位置是字母 z,并且因为没有包含第二个参数,所以返回的子字符串是字符串中的所有剩余字符。

转换大小写

字符串方法toLowerCase()toUpperCase()字符串并将所有字符分别转换为小写或大写。例如,如果要在将数据存储在数据库中之前对所有用户输入的数据进行规范化,这可能非常有用。

toLowerCase()方法:将字符串中的所有大写字母转换为小写字母。

const str = 'Hello, World!';
const lowerCaseStr = str.toLowerCase();
console.log(lowerCaseStr); // 输出: 'hello, world!'

toUpperCase()方法:将字符串中的所有小写字母转换为大写字母。

const str = 'Hello, World!';
const upperCaseStr = str.toUpperCase();
console.log(upperCaseStr); // 输出: 'HELLO, WORLD!'

在这两个例子中,str是一个包含字符串'Hello, World!'的常量。我们分别使用toLowerCase()toUpperCase()方法将字符串转换为全小写和全大写形式,并将结果分别存储在lowerCaseStrupperCaseStr常量中。

替换字符串的某部分

replace()方法是JavaScript中的一个字符串方法,它用于在字符串中查找与指定模式匹配的子字符串,并将其替换为另一个字符串。这个方法返回一个新的字符串,原始字符串不会被修改。


replace()方法的基本语法如下:

str.replace(regexp|substr, newSubstr|function)

参数说明:

  • regexp:一个正则表达式对象。如果提供了这个参数,replace()方法会将与这个正则表达式匹配的子字符串替换为新的子字符串。
  • substr:一个字符串,表示要在str中查找并替换的子字符串。
  • newSubstr:一个字符串,用于替换找到的匹配子字符串。在这个字符串中,可以使用特殊的替换模式(例如$1、$2等)引用正则表达式中的捕获组。
  • function:一个函数,用于动态地生成替换字符串。这个函数会接收匹配到的子字符串、捕获组(如果有)、匹配的位置和原始字符串作为参数。函数的返回值将用作替换字符串。

下面是一些使用replace()方法的例子:

  1. 使用字符串替换字符串:
const str = 'Hello, world!';
const newStr = str.replace('world', 'JavaScript');
console.log(newStr); // 输出: 'Hello, JavaScript!'
  1. 使用正则表达式替换字符串(只替换第一个匹配项):
const str = 'Apple, Banana, apple, banana';
const newStr = str.replace(/apple/i, 'Orange');
console.log(newStr); // 输出: 'Apple, Banana, Orange, banana'
  1. 使用正则表达式替换字符串(替换所有匹配项):
const str = 'Apple, Banana, apple, banana';
const newStr = str.replace(/apple/ig, 'Orange');
console.log(newStr); // 输出: 'Orange, Banana, Orange, banana'
  1. 使用函数动态生成替换字符串:
const str = 'I have 3 apples and 5 bananas.';
const newStr = str.replace(/\d+/g, (match) => parseInt(match) * 2);
console.log(newStr); // 输出: 'I have 6 apples and 10 bananas.'

标签:const,JavaScript,有效,str,字符串,console,方法,Christmas
From: https://www.cnblogs.com/aduiduidui/p/17298183.html

相关文章

  • 冷知识:预处理字符串操作符
    以下内容为本人的学习笔记,如需要转载,请声明原文链接微信公众号「englyf」https://mp.weixin.qq.com/s/Xr2pFCJ4j0DZYo2PO6-KQg当年学习C语言的第一门课就提到过标记(Token)的概念,不过,相信在多年之后你再次听到这个术语时会一脸懵逼,比如我。因此特地翻了翻资料,整理下来这些笔记......
  • vs调试“字符串中字符无效”处理办法
    在使用VS2019调试代码时,查看变量值时,utf8格式字符串不能正常显示,需要在变量名后手动添加",s8",就能正常查看字符啦。总结如下:,s8:将字符串转成unicode展示,数字将变量拆分为数组显示,数字是要显示多少位,此法对constchar*这类原始字符串非常有用,x16进制查看,hr查看Win......
  • JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
    在编写“圳品”信息系统中,有时需要对二维数组中的数据进行筛选并删除一些元素,比如删除二维数组中首个元素为0的行。开始是用for循环访问数组+splice方法删除元素来做:vara=newArray([0,0,0,0],[1,1,1,1],[0,2,2,2],[......
  • JavaScript的引入方式
    外部JS文件deno.jsalert('你好!JavaScript');JS引入方式.html<!--方式一:内部脚本--><!--标签不能自闭和--><script>alert('你好JS')</script><!--方式二:外部引入--><scriptsrc="demo.js"></script>......
  • C#判断字符串是否是有效的XML格式数据
    说明在try-catch语句块中,创建XmlDocument对象,并使用LoadXml方法加载xml字符串。如果没有异常,则说明xml字符串是有效的,返回true,反之为false。代码实现///<summary>///Xml字符串格式验证///</summary>///<paramname="xmlString">Xm......
  • KMP 字符串
    KMP题目描述给定一个字符串\(S\),以及一个模式串\(P\),所有字符串中只包含大小写英文字母以及阿拉伯数字。模式串\(P\)在字符串\(S\)中多次作为子串出现。求出模式串\(P\)在字符串\(S\)中所有出现的位置的起始下标。输入第一行输入整数\(N\),表示字符串\(P\)的长度......
  • 1234. 替换子串得到平衡字符串
    题目链接:1234.替换子串得到平衡字符串方法:同向双指针解题思路若可以通过「替换一个子串」的方式,使原字符串s变成一个「平衡字符串」,则说明子串外任意字符的数量\(s≤n/4\),否则一旦有一个字符的数量大于\(n/4\),那么不论如何替换,必定有另一个字符的数量小于\(n/4......
  • [Javascript] Improve performance of Array.reduce
    Comparetwocodesnippetconstpeople=[{id:1,name:'John',age:45},{id:2,name:"Op",age:32},{id:3,name:"Wade",age:39}]//option1constres=people.reduce((acc,curr)=>{return({......
  • salesforce学习笔记(3-1)- JavaScript Promise(LWC)
    在JS代码中,Promise到底有什么作用?首先,我们知道的是,Javascript是单线程的,什么意思呢?就是说JS在同一时间只能做一个操作,代码的执行是一行一行进行的:  这种执行方式带来的问题就是在我们打开某个画面的时候,画面可能会卡住转圈、加载中状态很久,用户体验感很差。Promise可用于......
  • javascript把本地sql数据库表转换为对象
    在做项目的时候,需要读取本地数据库,并且在页面上显示出来,原始数据读取出来的原始数据如下:varr=sqliteDB.exec(document.getElementById('txtSQL').value); console.info(r);  使用系统的转换方式console.log('Hereisarow:'+JSON.stringify(r));  可以看到其......