js字符串方法总结

一、字符串方法

1. concat(str2,[str3…]) 用于把两个或多个字符串组合起来&＃xff0c;返回一个新的字符串

   • 使用str1.concat(str2,str3…)

     • concat 方法将一个或多个字符串与原字符串连接合并&＃xff0c;形成一个新的字符串并返回。
     • concat 方法并不 影响原字符串。
     • 如果参数不是字符串类型&＃xff0c;它们在连接之前将会被转换成字符串。

   var str1&＃61;&＃39;hello&＃39;var str2&＃61;&＃39;world&＃39;var str3&＃61;&＃39;Vue&＃39;var str4&＃61;&＃39;React&＃39;var str&＃61;str1.concat(str2,str3,str4)console.log(str1,&＃39;1&＃39;);console.log(str);// helloworldVueReactlet strArr&＃61;[&＃39;hello&＃39;,&＃39; &＃39;,&＃39;world&＃39;]console.log(...strArr);console.log(&＃39;&＃39;.concat([]));// &＃39;&＃39;console.log(&＃39;&＃39;.concat({}));// [object Object]console.log(&＃39;&＃39;.concat(null));// nullconsole.log(&＃39;&＃39;.concat(true));// trueconsole.log(&＃39;&＃39;.concat(4,5));// 45


2. indexOf() 返回字符串中第一个字串出现的第一个索引。如果匹配不到返回-1

   • str.indexOf(searchValue [, 可选fromIndex] 第一个参数 字符&＃xff0c;第二个参数 开始位置
   • searchValue 要被查找的字符串值。如果没有提供确切地提供字符串 &＃xff0c;会自动转为undefined&＃xff0c;然而在当前字符串查找这个值。‘undefined’.indexOf() 返回0 而’undefine’.indexOf返回-1
   • fromIndex可选值默认是0&＃xff0c;如果formIndex的值小于0或者大于str.lenght&＃xff0c;那么分别从0处和str.length开始找
   • 返回值&＃xff0c;如果查找的是一个空串&＃xff0c;会产生奇怪的结果&＃xff0c;如果起始索引为空&＃xff0c;或者起始索引fromindex的值小于被查字符串的长度&＃xff0c;返回值和fromindex一一致
   • 检测字符是否存在 ‘blue red yellow’.indexOf(‘blue’)!&＃61;&＃61;-1);
   • indexOf区分大小写

   var str&＃61;&＃39;abcdef&＃39;var index&＃61;str.indexOf(&＃39;d&＃39;,0)console.log(index);// undefinedconsole.log(&＃39;undefined&＃39;.indexOf());console.log(&＃39;undefine&＃39;.indexOf());// 起始位置小于0或者大于str.lengthconsole.log(str.indexOf(&＃39;b&＃39;,-1));console.log(str.indexOf(&＃39;b&＃39;,11));// searchValue为空 且起始位置小于str.length 返回索引console.log(str.indexOf(&＃39;&＃39;));//0console.log(str.indexOf(&＃39;&＃39;,2));//2console.log(str.indexOf(&＃39;&＃39;,3));//3console.log(str.indexOf(&＃39;&＃39;,5));//5// searchValue为空 且起始位置小于str.length 返回长度console.log(str.indexOf(&＃39;&＃39;,12));//6console.log(str.indexOf(&＃39;&＃39;,23));//6console.log(str.indexOf(&＃39;&＃39;,35));//6console.log(&＃39;blue red yellow&＃39;.indexOf(&＃39;blue&＃39;)!&＃61;&＃61;-1);//true


   • 统计某一字符出现的次数

   var str&＃61;&＃39;adkfjladadakdl&＃39;var count&＃61;0var pros&＃61;str.indexOf(&＃39;a&＃39;)while(pros!&＃61;&＃61;-1){count&＃43;&＃43;pros&＃61;str.indexOf(&＃39;a&＃39;,pros&＃43;1)}console.log(count);


3. chartAt() 返回指定位置的字符 根据下标获取字符

   var str&＃61;&＃39;abcdef&＃39;console.log(str.charAt(2));


4. lastIndexOf() 返回字符串字串出现的最后一处出现的位置索引 没有匹配的话返回-1

   • str.lastIndexOf(searchValue[, fromIndex])

   • 一个字符串&＃xff0c;表示被查找的值。如果searchValue是空字符串&＃xff0c;则返回fromIndex。

   • 用法和indexOf差不多

5. substr() 返回起始位置startPos位置&＃xff0c;长度为length的字符串

   1. str.substr(start[, length]) 起始位置 截取个数
   2. start 开始索引是0 结束索引是length-1
   3. 如果开始字符为正值&＃xff0c;且大于字符串的长度&＃xff0c;返回一个空字符串
   4. 如果起始位置为负值&＃xff0c;作为字符串尾部开始的字符索引&＃xff0c;如果start为负值&＃xff0c;且绝对值大于字符长度&＃xff0c;则substr使用0作为开始提取的索引
   5. 如果截取长度为0或者负值则返回一个空字符串

   let str&＃61;&＃39;helloWorld&＃39;console.log(str.substr(0,2));// heconsole.log(str.substr(-1));// dconsole.log(str.substr(-5,2));// Woconsole.log(str.substr());// helloWorldconsole.log(str.substr(12));// &＃39;&＃39;console.log(str.substr(-12));// helloWorldconsole.log(str.substr(0));// helloWorld


6. substring() 返回字符串的一个字串&＃xff0c;传入的是起始位置和结束位置

   1. str.substring(indexStart[, indexEnd]) 起始索引
   2. 如果起始位置值相同返回一个空字符串
   3. 如果省略这两个参数&＃xff0c;提取字符一直到末尾
   4. 如果参数数值小于0或为NaN则看做为0
   5. 如果任意参数大于str.length 则是str.length
   6. 如果startIndex大于endIndex则二者调换位置
   7. 使用length属性截取倒数指定字符串的倒数元素 substring(str.length-4)

   let str&＃61;&＃39;helloWorld&＃39;console.log(str.substring(0,5));console.log(str.substring(5,0));console.log(str.substring(5,NaN));// 截取字符最后的字符console.log(str.substring(str.length-1));


7. slice() 提取字符的一部分&＃xff0c;返回一个新字符 不会改变原字符串

   1. str.slice(beginIndex[, endIndex])
   2. 参数代表起始位置和结束位置
   3. 当值传递一个负数时&＃xff0c;会结尾开始&＃xff0c;截取到结尾
   4. 负值大于总长度&＃xff0c;当做startIndex&＃61;0看待
   5. 当传递一个参数时&＃xff0c;没有要求&＃xff0c;传递两个参数时&＃xff0c;第二个参数不包含

   var str&＃61;&＃39;helloWorld&＃39;console.log(str.slice(0,5));// helloconsole.log(str.slice(-3));// rldconsole.log(str.slice(-50));// helloWorldconsole.log(str.slice(0,-1));// helloWorlconsole.log(str.slice());// helloWorldconsole.log(str.slice(-3,-1));// rl


8. match() 检查一个字符串是否匹配一个正则表达式

   var str&＃61;&＃39;IdnikafhVU&＃39;var reg&＃61;/[A-Z]/gconsole.log(str.match(reg));//IVU


9. test() 方法执行一个检索&＃xff0c;用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false。

   var str&＃61;&＃39;123&＃39;var reg&＃61;/[1-9]/console.log(reg.test(str));


10. replace() 用来查找匹配的正则表达式的字符串&＃xff0c;然后使用新的字符串代替匹配的子字符串

    1. 可以是字符或者正则表达式

    var str&＃61; &＃39;hello java&＃39;console.log(str.replace(&＃39;java&＃39;,&＃39;Vue&＃39;));console.log(str.replace(/a/g,&＃39;A&＃39;));


11. search() 执行一个正则表达式匹配查找。如果查找成功&＃xff0c;返回索引值 。否则返回-1

    var str&＃61;&＃39;AbsssssFfEkk&＃39;var reg&＃61;/[A-Z]/gconsole.log(str.search(reg));//返回值为0


12. split() 把字符串划分为字串&＃xff0c;字串做成一个字符串数组

    1. str.split([separator[, limit]])
    2. separator可以是一个字符也可以是正则表达式
    3. limit一个整数 返回分割的数组长度 当在0-length之间会返回指定的数组长度&＃xff0c;大于或小于都返回所有内容

    var str&＃61;&＃39;hello world vue and react&＃39;console.log(str.split(&＃39; &＃39;));console.log(str.split(&＃39; &＃39;,1));//[hello]console.log(str.split(&＃39; &＃39;,-1));console.log(str.split(&＃39; &＃39;,200));//[hello,world,vue,and,react]


13. length 字符串的长度

14. toLowerCase() 将整个字符串转为小写

15. toUpperCase() 将整个字符串转为大写

16. trim() 删除字符串两端的空白符

    var str&＃61;&＃39; hello world&＃39;console.log(str.trim());//hello world