前端常用的21种字符串方法

没腿的鸟  金牌会员 | 2024-6-14 19:04:05 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 529|帖子 529|积分 1587

定义和用法
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()
定义和用法
toString() 方法可把一个 Number 对象转换为一个字符串,并返回结果。
实例
在本例中,我们将把一个数字转换为字符串:
输出:
1337
十九:toUpperCase()
定义和用法
toUpperCase() 方法用于把字符串转换为大写。
实例
在本例中,“Hello world!” 将以大写字母来表现:
二十:trim()
定义和用法
trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。
trim() 方法不会改变原始字符串。
trim() 方法不适用于 null, undefined, Number 范例。
实例
function myTrim(x) {
return x.replace(/^\s+|\s+$/gm,‘’);
}
function myFunction() {
var str = myTrim("        Runoob        ");
alert(str);
}
输出结果
Runoob
二十一:valueOf()
定义和用法
valueOf() 方法可返回 String 对象的原始值。
留意:valueOf() 方法通常由 JavaScript 在背景自动举行调用,而不是显式地处于代码中。
实例
返回 String 对象的原始值:
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到如今。
深知大多数前端工程师,想要提拔技能,往往是本身探索发展或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。本身不成体系的自学效果低效又漫长,而且极易遇到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是盼望可以大概资助到想自学提拔又不知道该从何学起的朋侪,同时减轻各人的负担。


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

由于文件比较大,这里只是将部分目次截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲授视频,而且会持续更新!
假如你觉得这些内容对你有资助,可以扫码获取!!(备注:前端)
结尾

正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋侪问,前端该怎样学习,学习前端该看哪些书,我就讲讲我学习的门路中看的一些书,固然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,假如你有看到更好的书欢迎推荐呀。
戳这里获取前端学习资料
Runoob
二十一:valueOf()
定义和用法
valueOf() 方法可返回 String 对象的原始值。
留意:valueOf() 方法通常由 JavaScript 在背景自动举行调用,而不是显式地处于代码中。
实例
返回 String 对象的原始值:
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到如今。
深知大多数前端工程师,想要提拔技能,往往是本身探索发展或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。本身不成体系的自学效果低效又漫长,而且极易遇到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是盼望可以大概资助到想自学提拔又不知道该从何学起的朋侪,同时减轻各人的负担。
[外链图片转存中…(img-uFSKbrfj-1712644181119)]
[外链图片转存中…(img-AU75Gdhs-1712644181120)]
既有适合小白学习的零基础资料,也有适合3年以上履历的小伙伴深入学习提拔的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
[外链图片转存中…(img-M1FtPTId-1712644181120)]
由于文件比较大,这里只是将部分目次截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲授视频,而且会持续更新!
假如你觉得这些内容对你有资助,可以扫码获取!!(备注:前端)
结尾

正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋侪问,前端该怎样学习,学习前端该看哪些书,我就讲讲我学习的门路中看的一些书,固然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,假如你有看到更好的书欢迎推荐呀。
戳这里获取前端学习资料


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

没腿的鸟

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表