1. split() - 字符串分割成数组
- 定义:把一个字符串分割成字符串数组(不改变原字符串)
- 语法:str.split(seperator, limit)
- 参数:
seperator(可选),指定字符串或正则
limit(可选),指定数组的最大长度
注:
- 第一个参数seperator如果为空 ,那么字符串不会被分割,直接转换成一个只有一个字符串元素的数组
- 第一个参数seperator如果是空字符串 (“”) ,那么字符串中的每个字符之间都会被分割。
- 第二个参数limit若没有,则整个字符串都会被分割,不考虑它的长度。
- String.split() 执行的操作与 Array.join 执行的操作是相反的。
var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr.split();
// ["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"];
2. str.substring()、str.slice()、str.substr() - 截取字符串
str.substring(start, end):
两个参数都为正数,返回值:[start,end) 也就是说返回从start到end-1的字符
str.slice(start, end):
两个参数可正可负,负值代表从右截取,返回值:[start,end) 也就是说返回从start到end-1的字符
str.substr(start, length):
start参数可正可负,负数代表从右截取
注:
- 这三个方法都会返回被操作字符串的一个子字符串,都接收一或两个参数 。
- 如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。这些方法也不会修改字符串本身,只是返回一个基本类型的字符串值。
- 除了 slice() 和 substr() 方法里的负值是代表从右截取,其他方法里的负值一律作为0处理。
var str="hello world";
console.log(str.slice(3));//lo world
console.log(str.substring(3));//lo world
console.log(str.substr(3));//lo world
console.log(str.slice(3,7));//lo w 7表示子字符串最后一个字符后面的位置 简单理解就是包含头不包含尾
console.log(str.substring(3,7));//lo w
console.log(str.substr(3,7));//lo worl 7表示返回7个字符
console.log(str.slice(3,-4));//lo w -4+11=7表示子字符串最后一个字符后面的位置 简单理解就是包含头不包含尾
console.log(str.substring(3,-4));//hel 会转换为console.log(str.substring(3,0));
//此外由于这个方法会将较小数作为开始位置,较大数作为结束位置,所以相当于调用console.log(str.substring(0,3));
console.log(str.substr(3,-4));//""空字符串
console.log(str.substring(3,0)); //hel
3. str.indexOf()、str.lastIndexOf() - 查找字符串
str.indexOf(searchString, startIndex):
返回子字符串第一次出现的位置,从startIndex开始查找,找不到时返回-1
str.lastIndexOf(searchString, startIndex):
从右往左查找子字符串,找不到时返回-1
var str="hello world";
console.log(str.indexOf("o")); //4
console.log(str.lastIndexOf("o")); //7
console.log(str.indexOf("o",6)); //7
console.log(str.lastIndexOf("o",6)); //4
4. str.toUpperCase() 、str.toLowerCase() 字符串大小写转换
toUpperCase() : 将所有字符串转换成大写
toLowerCase() : 将所有字符串转换成小写
var str="HELLO world";
console.log(str.toLowerCase()); //hello world
console.log(str.toUpperCase()); //HELLO WORLD
5. str.replace() - 字符串替换
str.replace(rgExp/substr, replaceText) : 返回替换后的字符串
var str="cat,bat,sat,fat";
var res=str.replace("at","one");//第一个参数是字符串,所以只会替换第一个子字符串
console.log(res);//cone,bat,sat,fat
var res1=str.replace(/at/g,"one");//第一个参数是正则表达式,所以会替换所有的子字符串
console.log(res1);//cone,bone,sone,fone
6. str.concat() - 字符串拼接
str.concat(str1, str2)
var str="hello ";
var res=str.concat("world");
console.log(res); //hello world
console.log(str); //hello 这说明原来字符串的值没有改变
var res1=str.concat("nihao","!");
console.log(res1); //hello nihao! 说明concat方法可以接收任意多个参数
//虽然concat方法是专门用来拼接字符串的,但是实践中我们使用最多的还是加操作符+,因为其简易便行
7. str.trim() - 去掉字符串首尾空格
str.trim():用来删除字符串前后的空格
var str=" hello world ";
console.log('('+str.trim()+')'); //(hello world)
console.log('('+str+')'); //( hello world )
8. str.match()、 str.search() - 字符串模式匹配
match():只接受一个参数,由字符串或RegExp对象指定的一个正则表达式
search():只接受一个参数,由字符串或RegExp对象指定的一个正则表达式
search方法返回字符串中第一个匹配项的索引,如果没有匹配项,返回-1
var str="cat,bat,sat,fat";
var pattern=/.at/;
var matches=str.match(pattern);
console.log(matches.index);//0
console.log(matches[0]);//cat
console.log(pattern.lastIndex);//0
//lastIndex表示开始搜索下一个匹配项的字符位置,从0算起
var pos=str.search(/at/);
console.log(pos);//1 1表示at字符串在原来字符串中第一次出现的位置
9. str.localeCompare(str1) - 字符串比较
str.localeCompare(str1):比较两个字符串
- 如果字符串在字母表中应该排在字符串参数之前,则返回一个负数
- 如果字符串等于字符串参数,则返回0
- 如果字符串在字母表中应该排在字符串参数之后,则返回一个正数
var str="yellow";
console.log(str.localeCompare("brick")); //1
console.log(str.localeCompare("yellow")); //0
console.log(str.localeCompare("zoo")); //-1
10.charAt(index) & charCodeAt(index) - 返回指定索引的字符/unicode编码
定义: 返回指定索引的字符/unicode编码
var str="hello world";
console.log(str.charAt(1));//e
console.log(str.charCodeAt(1));//101
//还可以使用方括号加数字索引来访问字符串中特定的字符
console.log(str[1]);//e
11.str.fromCharCode(字符编码) - 字符编码转字符串
str.fromCharCode(字符编码):接收一或多个字符编码,然后将其转换为字符串
fromCharCode方法是String构造函数的一个静态方法
console.log(String.fromCharCode(104,101,108,108,111));//hello
综合示例
示例1:找到匹配字符串所在的各个位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符串匹配</title>
</head>
<body>
<script type="text/javascript">
/*找到匹配字符串所在的各个位置*/
var str="asadajhjkadaaasdasdasdasd";
var position=[];
var pos=str.indexOf("d");
while(pos>-1){
position.push(pos);
pos=str.indexOf("d",pos+1);
}
console.log(position);//[3, 10, 15, 18, 21, 24]
</script>
</body>
</html>
示例2:字符串去重
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符串去重</title>
</head>
<body>
<script type="text/javascript">
//String.split() 执行的操作与 Array.join 执行的操作是相反的
//split() 方法用于把一个字符串分割成字符串数组。
//join方法用于将字符串数组连接成一个字符串
//如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
var str="aahhgggsssjjj";//这里字符串没有可以分隔的字符,所以需要使用空字符串作为分隔符
function unique(msg){
var res=[];
var arr=msg.split("");
//console.log(arr);
for(var i=0;i<arr.length;i++){
if(res.indexOf(arr[i])==-1){
res.push(arr[i]);
}
}
return res.join("");
}
console.log(unique(str));//ahgsj
</script>
</body>
</html>
示例3:判断字符串中字符出现的次数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符串操作</title>
</head>
<body>
<script type="text/javascript">
/*
1.先实现字符串去重
2.然后对去重后的数组用for循环操作,分别与原始数组中各个值进行比较,如果相等则count++,循环结束将count保存在sum数组中,然后将count重置为0
3.这样一来去重后的数组中的元素在原数组中出现的次数与sum数组中的元素是一一对应的
*/
var str="aacccbbeeeddd";
var sum=[];
var res=[];
var count=0;
var arr=str.split("");
for(var i=0;i<arr.length;i++){
if(res.indexOf(arr[i])==-1){
res.push(arr[i]);
}
}
for(var i=0;i<res.length;i++){
for(var j=0;j<arr.length;j++){
if(arr[j]==res[i]){
count++;
}
}
sum.push(count);
count=0;
}
console.log(res);//["a", "c", "b", "e", "d"]
for(var i=0;i<res.length;i++){
var str=(sum[i]%2==0)?"偶数":"奇数";
console.log(res[i]+"出现了"+sum[i]+"次");
console.log(res[i]+"出现了"+str+"次");
}
</script>
</body>
</html>
阿里面试 - 字符串操作
<script type="text/javascript">
var str = "www.taobao.com";
var res = str.split("").reverse().join("").replace('oat','');
console.log(res);//moc.oab.www
</script>
reverse()方法:是StringBuffer类定义的方法,翻转数组
join()方法:
将数组转换为字符串,其作用和toString()大体相同.
- 比如我们有个字符串"111",“222”,"333"我们要输出为111,222,333这样的格式,那么我们可以这样:
var a = ["111","222","333"];
document.write(a); //111,222,333
- 若使用join,那必须得这样:
var a = ["111","222","333"].join(",");
document.write(a);//111,222,333
- 如果你说你要直接输出111222333,而不输出111,222,333,那使用join再合适不过。
var a = ["111","222","333"].join("");
document.write(a);//111222333
注意: console.log(a.join(" | "));
输出结果报错: a.join is not a function
因为array现在已经变成了字符串了,而join只能数组来调用,所以报错!
原创博客: js 常用字符串操作方法总结 ,特此声明