【javaScript总结归纳】字符串常用方法总结

大家好,我是东东吖,本人是一名前端工程师,希望借助go语言能打通前后端的任通二脉,成为一名全栈工程师!另外,需要进技术交流群的同学,可以加我微信fangdongdong_25,需要进前端工程师交流群的备注“前端”,需要进go后端交流群的备注“go后端”

1.字符串长度

length 属性返回字符串的长度:

var str = "字符串常用方法总结-东东吖";
str.length;  //13

2.查找字符串中的位置

有三种查找字符串中的位置:

  • indexOf()
  • lastIndexOf()
  • search()
indexOf()

indexOf() 方法返回字符串中指定文本首次出现的索引(从0开始),如果没有则为-1,可以设置第二个参数,假如第二个参数是 10,则从位置 10 开始检索,直到字符串的起点。

var str = "字符串常用方法总结-东东吖";
str.indexOf('东')  //10
str.indexOf('东',11)  //11
str.indexOf('东东') //10
str.indexOf('方法')  //5
str.indexOf('前')  //-1

lastIndexOf()

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引(从尾到头),如果没有则为-1。可以设置第二个参数,假如第二个参数是 10,则从位置 10 开始检索,直到字符串的起点。(这里需认真理解最后一次的概念)

var str = "字符串常用方法总结-东东吖";
str.lastIndexOf('总')     //7
str.lastIndexOf('吖')    //12
str.lastIndexOf('东')    //11
str.lastIndexOf('东',10)  //10
str.lastIndexOf('东东')  //10
str.indexOf('前')       //-1
search()

search() 方法搜索特定值的字符串,并返回匹配的位置:

var str = "字符串常用方法总结-东东吖";
str.search('方') //5
str.search('东') //10
str.search('东东') //10

您注意到了吗?

两种方法,indexOf() 与 search(),是相等的

这两种方法是不相等的。区别在于:

  • search() 方法无法设置第二个开始位置参数。
  • indexOf() 方法无法设置更强大的搜索值(正则表达式)

3.提取部分字符串

有三种提取部分字符串的方法:

  • slice(startend)
  • substring(startend)
  • substr(startlength)

substring()和substr()记忆方法:有ing尾巴的使用尾巴,没尾巴的使用长度。

slice()

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)

var str = "Apple, Banana, Mango";
str.slice(0,8);  // 'Apple, B'   注意此处空格也占一个位置

如果某个参数为负,则从字符串的结尾开始计数。

这个例子裁剪字符串中位置 -12 到位置 -6 的片段:

var str = "Apple, Banana, Mango";
str.slice(-13,-7);  //'Banana'

如果省略第二个参数,则该方法将裁剪字符串的剩余部分:

var str = "Apple, Banana, Mango";
str.slice(7);     //'Banana, Mango'
str.slice(-13);   //'Banana, Mango'
substring()

substring() 类似于 slice()

不同之处在于substring() 无法接受负的索引,同样可以省略第二个参数。

var str = "Apple, Banana, Mango";
 str.substring(7,13);  //'Banana'
 str.substring(7); //'Banana, Mango'
substr()

substr() 类似于 slice()

不同之处在于第二个参数规定被提取部分的长度,同样可以省略第二个参数、如果首个参数为负,则从字符串的结尾计算位置。

var str = "Apple, Banana, Mango";
str.substr(7,6);  //'Banana'
str.substr(7);   //'Banana, Mango'
str.substr(-5);  //'Mango'

4.替换字符串内容

  • replace() 方法用另一个值替换在字符串中指定的值

  • replace() 方法不会改变调用它的字符串。它返回的是新字符串

  • replace() 默认只替换首个匹配

  • 如需替换所有匹配,请使用正则表达式的 /str/g 标志(用于全局搜索):

  • 如需执行大小写不敏感的替换,请使用正则表达式/str/i(大小写不敏感):

var str ='我叫东东吖,我是一名前端工程师!';
str.replace("前","后");   // "我叫东东吖,我是一名后端工程师!"
str.replace("东","西");   //"我叫西东吖,我是一名前端工程师!"

var str = "Please visit Microsoft!";
str.replace(/MICROSOFT/i, "W3School");    // "Please visit W3School!" 

5.转换为大写和小写

通过 toUpperCase() 把字符串转换为大写

通过 toLowerCase() 把字符串转换为小写

var str ="abc"; 
str.toUpperCase();    // "ABC" 

var str ="CBD";
str.toLowerCase();    //"cbd" 

6.连接字符串

concat() 连接两个或多个字符串:

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

所有字符串方法都会返回新字符串。它们不会修改原始字符串。

正式地说:字符串是不可变的:字符串不能更改,只能替换。

7.删除字符串两端的空白符

trim() 方法删除字符串两端的空白符:

var str = "       Hello Worl d!        ";
str.trim();      // "Hello World!"

8.提取字符串字符

这是两个提取字符串字符的安全方法:

  • charAt() 方法返回字符串中指定下标(位置)的字符串:
  • charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码:
var str = "HELLO WORLD";
str.charAt(0);         //  H
str.charCodeAt(0);     // 72

结束:

再次提醒,需要进技术交流群的同学,可以加我微信fangdongdong_25,需要进前端工程师交流群的备注“前端”,需要进go后端交流群的备注“go后端”

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容