既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果想获得一个不一样的字符串,只能新建:
let str = "Const";
str = str.replace('C','c');
console.log(str);
看起来我们似乎改变了字符串,实际上原来的字符串并没有被改变,我们得到的是replace
方法返回的新字符串。
.toLowerCase()、.toUpperCase()
转换字符串大小写,或者转换字符串中单个字符的大小写。
这两个字符串的方法比较简单,举例带过:
console.log('Good Boy'.toLowerCase());//good boy
console.log('Good Boy'.toUpperCase());//GOOD BOY
console.log('Good Boy'[5].toLowerCase());//b
代码执行结果:
.indexOf()、.lastIndexOf() 查找子串
.indexOf(substr,idx)
函数从字符串的idx
位置开始,查找子串substr
的位置,成功返回子串首字符下标,失败返回-1
。
let str = "google google";
console.log(str.indexOf('google'));//0 idx默认为0
console.log(str.indexOf('google',1));//7 从第二个字符开始查找
console.log(str.indexOf('xxx'));//-1 没找到返回-1
代码执行结果:
如果我们想查询字符串中所有子串位置,可以使用循环:
let str = "I love love love love u.";
let sub = "love";
let pos = -1;
while((pos = str.indexOf(sub,pos+1)) != -1)
console.log(pos);
代码执行结果如下:
.lastIndexOf(substr,idx)
倒着查询子串,首先查找最后一个符合的串:
let str = "google google";
console.log(str.lastIndexOf('google'));//7 idx默认为0
按位取反技巧(不推荐,但要会)
由于indexOf()
和lastIndexOf()
方法在查询不成功的时候会返回-1
,而~-1 === 0
。也就是说只有在查询结果不为-1
的情况下使用~
才为真,所以我们可以:
let str = "google google";
if(~indexOf('google',str)){
...
}
通常情况下,我们不推荐在不能明显体现语法特性的地方使用一个语法,这会在可读性上产生影响。好在以上代码只出现在旧版本的代码中,这里提到就是为了大家在阅读旧代码的时候不会产生困惑。
补充:
~
是按位取反运算符,例如:十进制的数字2
的二进制形式为0010
,~2
的二进制形式就是1101
(补码),也就是-3
。简单的理解方式,
~n
等价于-(n+1)
,例如:~2 === -(2+1) === -3
.includes()、.startsWith()、.endsWith()
.includes(substr,idx)
用于判断substr
是否在字符串中,idx
是查询开始的位置
console.log('Google Google'.includes('Google'));//true
console.log('Google Google'.includes('xxxxxx'));//false
console.log('9966'.includes('99',1));//false
代码执行结果:
2. .startsWith('substr')
和.endsWith('substr')
分别判断字符串是否以substr
开始或结束
console.log("google".startsWith('go'));//true
console.log('google'.endsWith('le'));//true
console.log('google'.endsWith('ie'));//false
代码执行结果:
.substr()、.substring()、.slice()
.substr()
、.substring()
、.slice()
均用于取字符串的子串,不过用法各有不同。
.substr(start,len)
返回字符串从start
开始len
个字符组成的字符串,如果省略len
,就截取到原字符串的末尾。start
可以为负数,表示从后往前第start
个字符。
let str = "0123456789";
console.log(str.substr(1))//123456789,从1开始到最后
console.log(str.substr(3,2))//34,从3开始的2个字符
console.log(str.substr(-3,2))//78,倒数第二个开始
代码执行结果:
2. .slice(start,end)
返回字符串从start
开始到end
结束(不包括)的字符串。start
和end
可以为负数,表示倒数第start/end
个字符。
let str = '0123456789';
console.log(str.slice(1,5));//1234,区间[1,5)之间的字符
console.log(str.slice(1));//123456789,从1到结尾
console.log(str.slice(-4,-1));//678,倒数第四个到倒数第1个
代码执行结果:
3. .substring(start,end)
作用几乎和.slice()
相同,差别在两个地方:
* 允许`end > start`;
* 不允许负数,负数视为`0`;举例:
let str = '0123456789';
console.log(str.substring(1,3));//12
console.log(str.substring(3,1));//12
console.log(str.substring(-1,3));//012,-1被当作0
代码执行结果:
对比三者的区别:
方法 | 描述 | 参数 |
---|---|---|
.slice(start,end) | [start,end) | 可负 |
.substring(start,end) | [start,end) | 负值为0 |
.substr(start,len) | 从start 开始长为len 的子串 | 可负 |
方法多了自然就选择困难了,这里建议记住
.slice()
就可以了,相比于其他两种更灵活。
.codePointAt()、String.fromCodePoint()
我们在前文中已经提及过字符串的比较,字符串按照字典序进行排序,每个字符背后都是一个编码,ASCII
编码就是一个重要的参考。
例如:
console.log('a'>'Z');//true
字符之间的比较,本质上是代表字符的编码之间的比较。JavaScript
使用UTF-16
编码字符串,每个字符都是一个16
为的代码,想要知道比较的本质,就需要使用.codePointAt(idx)
获得字符的编码:
console.log('a'.codePointAt(0));//97
console.log('Z'.codePointAt(0));//90
代码执行结果:
使用String.fromCodePoint(code)
可以把编码转为字符:
console.log(String.fromCodePoint(97));
console.log(String.fromCodePoint(90));
代码执行结果如下:
这个过程可以用转义符\u
实现,如下:
console.log('\u005a');//Z,005a是90的16进制写法
console.log('\u0061');//a,0061是97的16进制写法
下面我们探索一下编码为[65,220]
区间的字符:
let str = '';
for(let i = 65; i<=220; i++){
str+=String.fromCodePoint(i);
}
console.log(str);
代码执行部分结果如下:
上图并没有展示所有的结果,快去试试吧。
.localeCompare()
基于国际化标准ECMA-402
,JavaScript
已经实现了一个特殊的方法(.localeCompare()
)比较各种字符串,采用str1.localeCompare(str2)
的方式:
- 如果
str1 < str2
,返回负数; - 如果
str1 > str2
,返回正数; - 如果
str1 == str2
,返回0;
举个例子:
console.log("abc".localeCompare('def'));//-1
为什么不直接使用比较运算符呢?
这是因为英文字符有一些特殊的写法,例如,á
是a
的变体:
console.log('á' < 'z');//false
虽然也是a
,但是比z
还要大!!
此时就需要使用.localeCompare()
方法:
console.log('á'.localeCompare('z'));//-1
常用方法
str.trim()
去除字符串前后空白字符,str.trimStart()
、str.trimEnd()
删除开头、结尾的空格;
let str = " 999 ";
console.log(str.trim());//999
str.repeat(n)
重复n
次字符串;
let str = '6';
console.log(str.repeat(3));//666
str.replace(substr,newstr)
替换第一个子串,str.replaceAll()
用于替换所有子串;
let str = '9+9';
console.log(str.replace('9','6'));//6+9
console.log(str.replaceAll('9','6'));//6+6
还有很多其他方法,我们可以访问手册获取更多知识。
进阶内容
生僻字、emoji、特殊符号
JavaScript
使用UTF-16
编码字符串,也就是使用两个字节(16
位)表示一个字符,但是16
位数据只能表示65536
个字符,对于常见字符自然不在话下,但是对于生僻字(中文的)、emoji
、罕见数学符号等就力不从心了。
这种时候就需要扩展,使用更长的位数(32
位)表示特殊字符,例如:
console.log('😂'.length);//2
console.log('𝒳'.length);//2
代码执行结果:
这么做的结果是,我们无法使用常规的方法处理它们,如果我们单个输出其中的每个字节,会发生什么呢?
console.log('😂'[0]);
console.log('😂'[1]);
代码执行结果:
可以看到,单个输出字节是不能识别的。
好在String.fromCodePoint()
和.codePointAt()
两个方法是可以处理这种情况的,这是因为二者是最近才加入的。在旧版本的JavaScript
中,只能使用String.fromCharCode()
和.charCodeAt()
两个方法转换编码和字符,但是他们不适用于特殊字符的情况。
我们可以通过判断一个字符的编码范围,判断它是否是一个特殊字符,从而处理特殊字符。如果一个字符的代码在0xd800~0xdbff
之间,那么他是32
位字符的第一部分,它的第二部分应该在0xdc00~0xdfff
。
举个例子:
console.log('😂'.charCodeAt(0).toString(16));//d83d
console.log('😂'.charCodeAt(1).toString(16));//de02
代码执行结果:
规范化
在英文中,存在很多基于字母的变体,例如:字母 a
可以是 àáâäãåā
的基本字符。这些变体符号并没有全部存储在UTF-16
编码中,因为变化组合太多了。
为了支持所有的变体组合,同样使用多个Unicode
字符表示单个变体字符,在编程过程中,我们可以使用基本字符加上“装饰符号”的方式表达特殊字符:
console.log('a\u0307');//ȧ
console.log('a\u0308');//ȧ
console.log('a\u0309');//ȧ
console.log('E\u0307');//Ė
console.log('E\u0308');//Ë
console.log('E\u0309');//Ẻ
代码执行结果:
一个基础字母还可以有多个装饰,例如:
console.log('E\u0307\u0323');//Ẹ̇
console.log('E\u0323\u0307');//Ẹ̇
代码执行结果:
这里存在一个问题,在多个装饰的情况下,装饰的排序不同,实际上展示的字符是一样的。
如果我们直接比较这两种表示形式,却会得到错误的结果:
let e1 = 'E\u0307\u0323';
![img](https://img-blog.csdnimg.cn/img_convert/3ebce7c6c056c6a445c7a7da8cc7f36c.png)
![img](https://img-blog.csdnimg.cn/img_convert/2ad692c90f564e9626d766927318a883.png)
**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**
**[需要这份系统化的资料的朋友,可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
ps://img-blog.csdnimg.cn/img_convert/e58b6d4c43cf11c9efb5f0bcd71e412d.png)
这里存在一个问题,在多个装饰的情况下,装饰的排序不同,实际上展示的字符是一样的。
如果我们直接比较这两种表示形式,却会得到错误的结果:
let e1 = ‘E\u0307\u0323’;
[外链图片转存中…(img-7CctZPXm-1715711470798)]
[外链图片转存中…(img-1BK5jzYG-1715711470799)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!