字符串与正则表达式

本文详细介绍了JavaScript中字符串的各种操作方法,包括获取长度、截取、连接、搜索等,并深入探讨了正则表达式的使用,帮助读者更好地理解和运用这些功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

字符串

字符串在底层是以字符数组的形式保存的

var str = "How are you?";

length属性

可以获取字符串的长度

console.log(str.length);//12

charAt()

返回字符串中指定位置的字符,根据索引获取指定字符。效果与str[]一样

console.log(str.charAt(5));//r  ==str[5]

charCodeAt()

获取指定字符的编码(Unicode编码)

console.log(str.charCodeAt(4));//97

fromCharCode()

可根据字符编码获取字符

console.log(String.fromCharCode(97));//a

concat()

连接两个字符串或多个字符串,作用和“+”相同

var str2 = "I'm fine.And you?";
console.log(str.concat(str2));//How are you?I'm fine.And you?

indexOf()

检索一个字符串中是否含有指定内容,若有,则返回第一次出现的索引;或者指定第二个参数,指定开始查找的位置

console.log(str.indexOf("a"));//4

lastIndexOf()

从后往前找一个字符串中是否有指定内容

console.log(str.lastIndexOf(" "));//7

截取字符串

silece()

截取指定区域内容,不会影响原字符串,而是将截取到内容返回
参数:
第一个,开始位置的索引(包括开始位置)
第二个,结束位置的索引(不包括结束位置),如果省略第二个参数,则会截取到后边所有的
也可以传递一个负数作为参数,负数的话将会从后边计算

str = "abcdefghijklmn";
var result = str.slice(1,4);
console.log(result);//bcd 
result = str.slice(1,-1);
console.log(result);//bcdefghijklm
substring()

可以用来截取一个字符串,与slice()类似
参数:
第一个:开始截取位置的索引(包括开始位置)
第二个:结束位置的索引(不包括结束位置)
**不同的是这个方法不能接受负值作为参数,如果传递了一个负值,则默认使用0;而且它会自动调整参数的位置,如果第二个参数小于第一个,则自动交换。

str = "abcdefghijklmn";
var result = str.substring(0,1);
console.log(result);//a
substr()

用来截取字符串
参数:
1. 截取开始位置的索引
2. 截取的长度

str = "abcdefghijklmn";
var result = str.substr(0,3);
console.log(result);//abc

split()

可以将一个字符串拆分为一个数组
参数:需要一个字符串作为参数,将会根据该字符串去拆分数组
如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个元素

str = "abcdefghijklmn";
result = str.split("d");
console.log(result);//abc,efghijklmn

result = str.split("");
console.log(result);//a,b,c,d,e,f,g,h,i,j,k,l,m,n

toUpperCase()

将一个字符串转换为大写并返回

str = "abcdefg";
result = str.toUpperCase();
console.log(result);//ABCDEFG

toLowerCase()

将一个字符串转换为小写并返回

str = "ABCDEFG";
result = str.toLowerCase();
console.log(result);//abcdefg

正则表达式

用于定义一些字符串的规则
计算机根据它来检查一个字符串是否符合规则
创建:
var 变量 = new RegExp("正则表达式","匹配模式");
使用typeof检查正则对象,会返回object
var reg = new RegExp("a");这个正则表达式可以来检查一个字符串中是否含有a
在构造函数中可以传递一个匹配模式作为第二个参数,可以是 i (忽略大小写 ),g(全局匹配模式)
可以为一个正则表达式设置多个匹配模式,且顺序无所谓

使用test()方法可以检查一个字符串是否符合正则表达式的规则

var reg = new RegExp("a","i");
var str = "abcde";
console.log(reg.test(str));

可以使用字面量创建正则表达式
var 变量 = /正则表达式/匹配模式;
但使用构造函数的方法比较灵活

使用 | 表示或者的意思
创建一个正则表达式,检查一个字符串中是否有a或b

reg = /a|b|c/;

创建一个正则表达式检查一个字符串中是否有字母

reg = /a|b|c|d|e|f|g/;

[]括号里面的内容也表示或者的意思
例如:

[a-z]表示任意小写字母
[A-z]表示任意字母
[0-9]表示任意数字
[^内容]表示除了“内容”都行

检查一个字符串中是否含有 abc 或 adc 或 aec

reg = /a[bde]c/;

split()

可以将一个字符串拆分为一个数组
方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
这个方法即使不指定全局匹配,也会全都拆分

str = "1a2b3c4d5e";
var res = str.split(/[a-z]/i);
console.log(res);//1,2,3,4,5,
res = str.split(/[0-9]/i);
console.log(res);//,a,b,c,d,e

可以搜索字符串中是否含有指定内容
如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1;它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
serach()只会查找第一个,即使设置全局匹配也没用

str = "hello abc hello aec afc";
/*
 * 搜索字符串中是否含有abc 或 aec 或 afc
 */
res = str.search(/a[bef]c/);
console.log(res);//6

match()

可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
默认情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索;可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果

str = "1a2a3a4a5e6f7A8B9C";
res = str.match(/[a-z]/ig);
console.log(res);//a,a,a,a,e,f,A,B,C
console.log(res[5]);//f

replace()

可以将字符串中指定内容替换为新的内容
参数:
1.被替换的内容,可以接受一个正则表达式作为参数
2.新的内容
默认只会替换第一个

str = "1a2b3c4d5e6f7g"
res = str.replace(/[a-z]/i , "^_^");
console.log(res);//1^_^2b3c4d5e6f7g
res = str.replace(/[a-z]/ig , "^_^");
console.log(res);//1^_^2^_^3^_^4^_^5^_^6^_^7^_^

量词

常用:
{n} 正好出现n次
设置一个内容出现的次数,只对它前面一个内容起作用

var reg = /a{3}/; //aaa
reg = /(ab)/;//ababab
reg = /ab{3}/;//abbb

{m,n} 出现m到n次

reg = /a{1,4}/;//a出现14次
reg = /a{1,}/; //a出现1次以上

+ 至少一个,相当于{1,}
* 0个或多个,相当于{0,}
? 0个或一个
^ 表示开头
$ 表示结尾

reg = /^a/;//以a开头
reg = /a$/;//以a结尾
reg = /^a$/;//表示a

. 表示任意字符,如果要使用,用 \ 作为转义字符

//检查字符串中是否含有“.”
reg = /\./;

注意:使用构造函数时,由于它的参数是字符串,如果使用 \ ,要用 \ 表示

reg = new RegExp("\\.","ig");
str = "5503414646";
console.log(reg.test(str));//false

\w 表示任意字母、数字、_
\W 表示除了字母、数字、_
\d 表示任意数字
\D 除了数字
\s 空格
\S 除了空格
\b 单词边界(指单词和空格间的位置)例如:“er\b”可以匹配到“ never ”中的er,但是不能匹配到“verb”中的er
\B 除了单词边界,与上面相反
……

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值