js04_常用字符串操作方法总结

ParadoxLin

已于 2022-10-18 16:45:15 修改

阅读量507

点赞数

分类专栏： JavaScript 文章标签： js

于 2021-02-20 11:44:03 首次发布

原文链接：https://blog.csdn.net/G_X73/article/details/90481779

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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 常用字符串操作方法总结，特此声明

ParadoxLin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js04_常用字符串操作方法总结

1. split() - 字符串分割成数组定义：把一个字符串分割成字符串数组(不改变原字符串)语法：str.split(seperator, limit)参数：seperator(可选)，指定字符串或正则limit(可选)，指定数组的最大长度var myStr = "I,Love,You,Do,you,love,me";var substrArray = myStr.split(",");// ["I", "Love", "You", "Do", "you", "love", "me.
复制链接

扫一扫

专栏目录