js中操作字符串的方法

1、字符串转换的三种方法.toString()、String()、“+”拼接
字符串分割,即将一个字符串分割为多个字符串

var num= 19; // 19
var myStr = num.toString(); // "19"

var num= 19; // 19
var myStr = String(num); // "19"

var num= 19; // 19
var myStr = "" +num; // "19"

2、字符串分割 split()
split()将一个字符串分割为多个字符串
split()的第二个参数,表示返回的字符串数组的最大长度。

var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr .split(","); // ["I", "Love", "You", "Do", "you", "love", "me"];
var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];

3、获取字符串长度Str.length

var myStr = "I,Love,You,Do,you,love,me";
var myStrLength = myStr.length; //25

4、查询子字符串indexOf()、lastIndexOf()
indexOf() 它从字符串的开头开始查找,找到返回对应坐标,找不到返回-1。

var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1

lastIndexOf() 它从字符串的末尾开始查找,找到返回对应坐标,找不到返回-1

var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.lastIndexOf("you"); // 14

以上两个函数同样接收第二个可选的参数,表示开始查找的位置。
5、字符串替换replace()

var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"

/*默认只替换第一次查找到的,想要全局替换,需要置上正则全局标识,*/

var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"

6、查找给定位置的字符charAt()或其字符编码值charCodeAt()
查找给定位置的字符

var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charAt(8);// "o",同样从0开始

/*同样,它的一个兄弟函数就是查找对应位置的字符编码值*/

var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charCodeAt(8); //111

7、字符串连接concat()
字符串连接操作可以简单到用一个加法运算符搞定

var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"

同样,JavaScript也自带了相关的函数,如:

var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"

8、字符串切割和提取slice()、substring()、substr()

/*第一种,使用slice():*/
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.slice(1,5);//",lov"

/*第二种,使用substring():*/
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substring(1,5); //",lov"

/*第三种,使用substr():*/
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substr(1,5); //",love"

与第一种和第二种不同的是,substr()第二个参数代表截取的字符串最大长度,如上结果所示.
9、字符串大小写转换toLowerCase()、toUpperCase()

var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"

10、字符串匹配
字符串匹配需要配合正则表达式使用

match()函数在字符串上调用,并且接受一个正则的参数
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.match(pattern);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me

exec()函数是在正则上调用,传递字符串的参数

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = pattern .exec(myStr);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me

对于上面两个方法,匹配的结果都是返回第一个匹配成功的字符串,如果匹配失败则返回null.

类似的方法search()
仅返回查到的匹配的下标,如果匹配失败则返回-1.

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.search(pattern);//2

11、字符串比较
比较两个字符串,比较是规则是按照字母表顺序比较的

var myStr = "chicken";
var myStrTwo = "egg";
var first = myStr.localeCompare(myStrTwo); // -1
first = myStr.localeCompare("chicken"); // 0
first = myStr.localeCompare("apple"); // 1
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Javascript有很多字符串的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,...
    顽皮的雪狐七七阅读 6,623评论 0 2
  • 在JS中,字符串是六种数据类型之一,其重要程度不言而喻。JS中有一系列的内置方法可以对字符串进行操作,下面就一起来...
    大春春阅读 13,745评论 0 16
  • js基础篇(一)——数组的各种操作js基础篇(三)——DOM的各种操作 1. 创建字符串 一个字符串用于存储一系列...
    hanyuntao阅读 4,483评论 0 5
  • 时间长了,我也忘了当初住进来,是因为什么。
    U0阅读 1,800评论 0 2
  • 所学东西,贵在一体,独树不成林,知识也是一样,只有相互契合才能互补不足,不遗忘。
    鹏宝ai妍宝阅读 1,235评论 0 0