Web前端最全前端常用的21种字符串方法，2024年最新2024最新百度、头条等公司前端面试题目

自学几个月前端，为什么感觉什么都没学到？？

---

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

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

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。

输出：

world

null

null

world!

例子 2

在本例中，我们将使用全局匹配的正则表达式来检索字符串中的所有数字：

输出：

1,2,3

九：replace()

定义和用法

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

实例

例子 1

在本例中，我们将使用 “W3School” 替换字符串中的 “Microsoft”：

输出：

Visit W3School!

例子 2

在本例中，我们将执行一次全局替换，每当 “Microsoft” 被找到，它就被替换为 “W3School”：

输出：

Welcome to W3School! We are proud to announce that W3School

has one of the largest Web Developers sites in the world.

例子 3

您可以使用本例提供的代码来确保匹配字符串大写字符的正确：

text = “javascript Tutorial”;

text.replace(/javascript/i, “JavaScript”);

例子 4

在本例中，我们将把 “Doe, John” 转换为 “John Doe” 的形式：

name = “Doe, John”;

name.replace(/(\w+)\s*, \s*(\w+)/, “$2 $1”);

例子 5

在本例中，我们将把所有的花引号替换为直引号：

name = ‘“a”, “b”’;

name.replace(/“([^”]*)"/g, “‘$1’”);

例子 6

在本例中，我们将把字符串中所有单词的首字母都转换为大写：

name = ‘aaa bbb ccc’;

uw=name.replace(/\b\w+\b/g, function(word){

return word.substring(0,1).toUpperCase()+word.substring(1);}

);

十：search()

定义和用法

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

实例

例子 1

在本例中，我们将检索 “W3School”：

输出：

6

在下面的例子中，无法检索到 w3school（因为 search() 对大小写敏感）。

输出：

-1

例子 2

在本例中，我们将执行一次忽略大小写的检索：

输出：

6

十一：slice()方法

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

实例

例子 1

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

输出：

George,John,Thomas

John,Thomas

George,John,Thomas

例子 2

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

输出：

George,John,Thomas,James,Adrew,Martin

Thomas,James

George,John,Thomas,James,Adrew,Martin

十二：split()方法

定义和用法

split() 方法用于把一个字符串分割成字符串数组。

实例

例子 1

在本例中，我们将按照不同的方式来分割字符串：

输出：

How,are,you,doing,today?

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

How,are,you

例子 2

在本例中，我们将分割结构更为复杂的字符串：

“2:3:4:5”.split(“:”)    //将返回[“2”, “3”, “4”, “5”]

“|a|b|c”.split(“|”)    //将返回[“”, “a”, “b”, “c”]

例子 3

使用下面的代码，可以把句子分割成单词：

var words = sentence.split(’ ')

或者使用正则表达式作为 separator：

var words = sentence.split(/\s+/)

例子 4

如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：

“hello”.split(“”)    //可返回 [“h”, “e”, “l”, “l”, “o”]

若只需要返回一部分字符，请使用 howmany 参数：

“hello”.split(“”, 3)    //可返回 [“h”, “e”, “l”]

十三：substr()方法

定义和用法

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

实例

例子 1

在本例中，我们将使用 substr() 从字符串中提取一些字符：

输出：

lo world!

例子 2

在本例中，我们将使用 substr() 从字符串中提取一些字符：

输出：

lo worl

十四：substring()

定义和用法

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

实例

例子 1

在本例中，我们将使用 substring() 从字符串中提取一些字符：

输出：

lo world!

例子 2

在本例中，我们将使用 substring() 从字符串中提取一些字符：

输出：

lo w

十五：toLocaleLowerCase()

定义和用法

toLocaleLowerCase() 方法用于把字符串转换为小写。

实例

在本例中，“Hello world!” 将以小写字母来显示：

十六：toLocaleUpperCase()

定义和用法

toLocaleUpperCase() 方法用于把字符串转换为大写。

实例

在本例中，“Hello world!” 将以大写字母来显示：

十七：toLowerCase()

定义和用法

toLowerCase() 方法用于把字符串转换为小写。

实例

在本例中，“Hello world!” 将以小写字母来显示：

十八：toString()

定义和用法

自学几个月前端，为什么感觉什么都没学到？？

---

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

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

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。