javascript字符串string常用的几种方法，前端音频面试题

//str=‘1a2a3a4a5a’;

//字符串中的字符转换为小写 toLowerCase()

var lower=str.toLowerCase(); //lower=‘1a2a3a4a5a’;

//str=‘1a2a3a4a5a’;

//返回某字符或字符串在str中出现的位置(获取字符串的下标) indexOf() lastIndexOf() search()

//获取字符串值的对应的下标 indexOf() (返回第一次出现的位置)

var indexOf=str.indexOf(‘a’); //valueOf=1; 返回’a’第一次出现的位置

//获取字符串值的对应的下标 lastIndexOf() (返回最后一次出现的位置)

var lastIndexOf=str.lastIndexOf(‘a’); //valueOf=9 返回’a’最后一次出现的位置

//搜索制定字符的下标 search()

var search=str.search(/a/g); //search=1; 搜索’a’出现的位置（第一次）

var searchT=str.search(3); //searchT=4; 搜索’3’出现的位置（第一次）

str.search(‘y’); // -1 ; 搜索 ‘y’ 出现的位置，未找到 返回 -1

str.search(“3a”); // 4 ; 搜索 ‘3a’ 出现的位置(第一次)

//获取字符串的值 charAt() match() slice() substr() substring()

//根据指定下标选定对应字符 charAt() (返回匹配到的值)

var charAt=str.charAt(4); //charAt=3; 查找下表为4的字符

//选定根据条件所匹配的值 match() (返回查找到的值，未找到返回null)

var match=str.match(/\d+/g); //match=[“1”, “2”, “3”, “4”, “5”]; 查找字符中所有的数字

str.match(/(5)/g); // [“5”] ; 查找字符串中的5

str.match(/6/g); // null ; 未查找到6 返回null

//截取两个下标间的字符串 slice(start,end) 包含start的索引值值不包含end的索引值值(可以接受负数)

var slice=str.slice(-3,-1); //slice=‘a5’; 从下标为2(包含)的字符开始到下标为6(不包含)的结束

str.slice(3, 5); // a3; 从下标3(包含)开始截取到下标(不包含)5结束

str.slice(3); //a3a4a5a ; 从下标3(包含)开始截取到末尾

//截取两个下标间的字符串 substring(start,end) 包含start的索引值值不包含end的索引值值(不可以接受负数)

【从索引值到索引值之间的截取】

var substring=str.substring(2,5); //substring=‘2a3’; 同上(和slice类似)

//从索引值开始的值截取制定长度的字符 substr(start.length)

【从索引值开始的长度】

var substr=str.substr(3,5) //substr=‘a3a4a’; 从下标为3(包含3)的字符开始，一共截取5个

//替换指定的字符串 replace()

var replace=str.replace(/\d/g,6); //replace=‘6a6a6a6a6a’; 把str中的数字替换为6

var replaceT=str.replace(‘a’,‘A’); //replaceT=‘1A2a3a4a5a’; 把str中的’a’(第一次出现位置的)替换为A

//拼接一个或多个字符串 concat() 把两个或多个字符串拼接为一个新的字符串

var strO=‘12345’;

var strT=‘abcde’;

var concat=strO.concat(strT,str); //concat=‘12345abcde1a2a3a4a5a’;

//字符串转换为数组 split() 参数为指定分割符

var split=str.split(‘’); //split=[‘1’,‘a’,‘2’,‘a’,‘3’,‘a’,‘4’,‘a’,‘5’,‘a’]; 以’'分割

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

[外链图片转存中…(img-eTNw6pgO-1711642724952)]

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】