JavaScript中String对象的方法介绍

1.字符方法

1.1 charAt() 方法，返回字符串中指定位置的字符。

var question = "Do you like JavaScript?";
alert(question.charAt(5)); //"u"

字符串 "Do you like JavaScript?" 的长度为23，即位置从0到22。指定位置5处的字符是"u"。

1.2 charCodeAt() 方法，返回字符串中指定位置的字符编码。

var question = "Do you like JavaScript?";
alert(question.charCodeAt(5)); //"117"

位置5处的字符"u"的字符编码是"117"。

charAt() 和 charCodeAt() 都是针对单个字符进行操作的方法。

2.字符串操作方法

这个小节的字符串操作方法是关于创建新字符串的方法。这些方法包括 concat()、slice()、substring()、substr()。

concat() 是通过拼接的方式创建新的字符串，slice()、substring()、substr() 是通过提取的方式创建新的字符串。

这四种方法不会改变原始字符串。

2.1 concat() 方法，将一个或多个字符串拼接起来，返回新的字符串。不改变原始字符串。

concat() 方法可以接受一个或多个参数。

concat() 方法接受一个参数。

var love = "I love ";
var result = love.concat("you");
alert(result); //"I love you"
alert(love); //"I love "

love 调用了 concat() 方法，返回 "I love you"，love 的值并没有改变。

concat() 方法接受多个参数。

var love = "I love ";
var result = love.concat("you"," very"," much","!");
alert(result); //"I love you very much!"
alert(love); //"I love "

不过，在实践中，通常用 + 号操作符将字符串拼接在一起。

2.2 slice()、substring()、substr() 方法，通过提取原始字符串的部分或全部来创建新的字符串，返回创建后的新字符串，不改变原始字符串。

slice()、substring()、substr() 方法可以接受一个或两个参数，这些参数为数字，可以是正值参数，也可以是负值参数。

2.2.1 参数为正值时

传入两个参数的情况

对于 slice() 、substring() ，第一个参数为提取的开始位置（包括开始位置的字符），第二个参数为提取的结束位置（不包括结束位置的字符）。

对于 substr()，第一个参数为提取的开始位置（包括开始位置的字符），第二个参数为提取的字符个数。

 var hello = "I love JavaScript!";
 alert(hello.slice(7,11)); //"Java"
 alert(hello.substring(7,11)); //"Java"
 alert(hello.substr(7,11)); //"JavaScript!"

字符串 "I love JavaScript!" 长度为18，即位置从0到17。第7位的字符是 "J"，第11位的字符是 "S"。

slice()、substring() 提取的子字符串是从第7位开始（包括第7位的 "J"）到第11位结束（不包括第11位的 "S"），于是用这两个方法提取的新字符串是 "Java"。而 substr() 则是从第7位 "J" 开始（包括第7位的 "J"），提取11个字符，最后提取的新字符串为 "JavaScript!"。

传入一个参数的情况

参数为正值，传入一个参数时，slice()、substring()、substr() 方法提取原理相同，即从参数的位置开始提取（包括开始位置的字符），一直提取到原始字符串的最后一个字符（包括最后一个字符）。

var hello = "I love JavaScript!";
alert(hello.slice(7)); //"JavaScript!" 
alert(hello.substring(7)); //"JavaScript!"
alert(hello.substr(7)); //"JavaScript!"

传入了一个参数7，即从第7位开始（包括第7位的 "J"），一直提取到原始字符串的最后一位（包括最后一位的 "!"）。于是，只有一个参数，且参数为正值时，slice()、substring()、substr() 方法返回的新字符串相同。

2.2.2 参数为负值时，不管是一个参数还是两个参数

slice() 方法会将传入的所有负值与字符串长度相加。

substring() 方法会将传入的所有负值都转化为0。

substr() 方法，若第一个参数是负值，则将负值与字符串长度相加；若第二个参数是负值，则将其转化为0。

var hello = "I love JavaScript!";
alert(hello.slice(-11));  //"JavaScript!" 
alert(hello.substring(-11)); //"I love JavaScript!"
alert(hello.substr(-11));  //"JavaScript!"
alert(hello.slice(-11,-9)); //"Ja" 
alert(hello.substring(-11,-9)); //""（空字符串）
alert(hello.substr(-11,-9)); //""（空字符串）

当传入一个负值参数-1时，

slice() 将负值参数与字符串长度相加，前面提到过，字符串 "I love JavaScript!" 的长度为18，于是 slice(-11) 即相当于 slice(7)，即从第7位开始提取，最后提取的子字符串为 "JavaScript!"；

substring() 会将负值转化为0，substring(-11) 相当于 substring(0)，即从第0位开始提取，最后提取的子字符串为 "I love JavaScript!"；

substr() 将负值参数与字符串长度相加，substr(-11) 相当于 substr(7)，即从第7位开始提取，最后提取的子字符串为 "JavaScript!"。

当传入参数-11，-9时，

slice() 将所有负值参数与字符串长度相加，slice(-11,-9) 相当于 slice(7,9)，最后提取的子字符串为 "Ja"；

substring() 会将所有负值转化为0，substring(-11,-9) 相当于 substring(0,0)，即从第0位开始，第0位结束，即提取的是空字符串；

substr() 将第一个参数-11与字符串长度相加，将第二个参数-9转化为0，substr(-11,-9) 相当于 substr(7,0)，即从第7位开始，提取0个字符串，即也是空字符串。

3.字符串位置方法

indexOf() 方法和 lastIndexOf() 方法，返回要检索的子字符串在原始字符串中第一次出现的位置。

indexOf() 方法从原始字符串开头向后检索子字符串，lastIndexOf() 方法从原始字符串末尾向前检索子字符串。

indexOf() 方法和 lastIndexOf() 方法接受一个必选参数。

var test = "balala balala balala";
alert(test.indexOf("a")); //"1"
alert(test.lastIndexOf("a")); //"19"

indexOf() 从开始位置向后检索子字符串 "a"，"a" 第一次出现的位置是1；lastIndexOf() 从末尾位置向前检索子字符串 "a"，"a" 第一次出现的位置是19。

如果没有找到要检索的子字符串，则这两个方法都会返回-1。

var test = "balala balala balala";
alert(test.indexOf("h")); //"-1"
alert(test.lastIndexOf("h")); //"-1"

indexOf() 方法和 lastIndexOf() 方法接受第二个可选参数，表示从原始字符串的哪个位置开始。

var test = "balala balala balala";
alert(test.indexOf("a",7)); //"8"
alert(test.lastIndexOf("a",7)); //"5"

indexOf("a",7) 从第7位向后检索子字符串 "a"，"a" 第一次出现的位置是8；lastIndexOf("a",7) 从第7位向前检索子字符串 "a"，"a" 第一次出现的位置是5。

4.字符串大小写换换方法

ECMAScript  中涉及字符串大小写转换的方法有4个：toUpperCase()、toLocaleUpperCase()、toLowerCase()、toLocaleLowerCase()。

toUpperCase() 和 toLowerCase() 是典型的方法，toLocaleUpperCase() 和 toLocaleLowerCase() 是针对当地地区的方法，以保证字符串正确的转换。

在不知道自己的代码在哪种语言环境中运行时，使用针对当地地区的方法更稳妥一些。

var test = "balala balala balala";
 alert(test.toLocaleUpperCase()); //"BALALA BALALA BALALA"
 alert(test.toUpperCase());  //"BALALA BALALA BALALA"
 alert(test.toLocaleLowerCase()); //"balala balala balala"
 alert(test.toLowerCase());  //"balala balala balala"

5.trim()方法

trim() 方法会创建原始字符串的副本，并删除前置和后缀的所有空格，然后返回结果，不会改变原始字符串。

 var test = " balala balala balala ";
 var test1 = test.trim();
 alert(test1); //"balala balala balala"
 alert(test); // " balala balala balala "
 alert(test1.length); //"20"
 alert(test.length); //"28"

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js  # string对象的方法  # JavaScript之String常见的方法详解  # 用jQuery将JavaScript对象转换为querystring查询字符串的方法  # JavaScript基于扩展String实现替换字符串中index处字符的方法  # JavaScript中的toString()和toLocaleString()方法的区别  # javascript中数组（Array)对象和字符串（String)对象的常用方法总结  # JavaScript获取URL中参数querystring的方法详解  # 梳理总结JavaScript的23个String方法  # 第二个  # 即从  # 第一个  # 转化为  # 会将  # 多个  # 长度为  # 空字符串  # 这两个  # 不包括  # 则将  # 操作方法  # 不改变  # 自己的  # 的是  # 都是  # 是一个  # 则是  # 是从  # 如果没有 

相关文章： 建站之星免费模板：自助建站系统与智能响应式一键生成  大型企业网站制作流程,做网站需要注册公司吗？  如何在腾讯云免费申请建站？  高端云建站费用究竟需要多少预算？  如何续费美橙建站之星域名及服务？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  建站主机如何安装配置？新手必看操作指南  大连网站设计制作招聘信息,大连投诉网站有哪些？  c# 在ASP.NET Core中管理和取消后台任务  制作门户网站的参考文献在哪,小说网站怎么建立？  建站之星后台密码如何安全设置与找回？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  青岛网站建设如何选择本地服务器？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  Python如何创建带属性的XML节点  威客平台建站流程解析：高效搭建教程与设计优化方案  Android滚轮选择时间控件使用详解  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  测试制作网站有哪些,测试性取向的权威测试或者网站？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  专业公司网站制作公司,用什么语言做企业网站比较好？  表情包在线制作网站免费,表情包怎么弄？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  兔展官网 在线制作,怎样制作微信请帖？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何选择服务器才能高效搭建专属网站？  如何获取开源自助建站系统免费下载链接？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  文字头像制作网站推荐软件,醒图能自动配文字吗？  建站主机系统SEO优化与智能配置核心关键词操作指南  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  名字制作网站免费,所有小说网站的名字？  如何配置支付宝与微信支付功能？  如何通过VPS建站无需域名直接访问？  实例解析Array和String方法  北京专业网站制作设计师招聘,北京白云观官方网站？  为什么Go需要go mod文件_Go go mod文件作用说明  建站之星CMS五站合一模板配置与SEO优化指南  详解jQuery中基本的动画方法  如何基于PHP生成高效IDC网络公司建站源码？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  ,购物网站怎么盈利呢？