JS字符串方法总结

一. JavaScript常用字符串方法

二. 方法详解

1. charAt(index);

返回指定索引位置的char（字符）值。索引范围为0~length()-1

var str = "两片面包夹芝士";
console.log(str.charAt(3)); //包

2. charCodeAt(index);

返回指定索引位置字符的Unicode码。索引范围为0~length()-1

var str = "两片面包夹芝士";
console.log(str.charCodeAt(3)); //21253

3. fromCharcode();

功能：将一组Unicode码转为字符。

console.log(String.fromCharCode(97, 98, 99, 120, 121, 122)); //abcxyz

4. concat()

功能：用于连接两个或多个字符串，此方法不改变现有的字符串，返回拼接后的新的字符串。

var str1 = "蒂蒂";
var str2 = "凯尔希";
var str3 = "明日方舟";
console.log(str1.concat(str2, str3)); //蒂蒂凯尔希明日方舟

5. indexOf

功能：搜索指定字符（搜索到返回该字符所在的索引，否则返回 -1），Start是一个可选参数，指定字符串的位置从前往后查找，默认值为0。

var str = "巨人烂尾真可恶";
console.log(str.indexOf("烂")); //2
console.log(str.indexOf("烂尾")); //2
console.log(str.indexOf("烂尾", 3)); //-1 ,这里是从下标3开始搜索

注意indexOf方法是从前往后查找

6. lastIndexOf

功能：返回指定文本在字符串中最后一次出现的索引，如果未找到，则返回-1。 Start是一个可选参数，指定字符串的位置从后往前搜索，默认值为string.length-1。

var str = "巨人烂尾真可恶真可恶";
console.log(str.indexOf("可恶")); //5
console.log(str.lastIndexOf("太可恶")); // -1

注意lastIndexOf方法是从后往前查找

7. match(regexp)；

功能：根据正则表达式在字符串中搜索匹配项（类数组）。如果没有找到匹配项，则返回null。

var str = "明日方舟,yyds!";
console.log(str.match("yyds")); //["yyds"]
console.log(str.match("YYDS")); //null
console.log(str.match("ydss")); //null
console.log(str.match("yyds!")); //["yyds!"]

var regexp = /\w+/g;
console.log(str.match(regexp)); //yyds

8. replace

功能：用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

var str = "明日方舟,yyds!";
console.log(str.replace("明日方舟", "率土之滨")); //率土之滨,yyds!

var regexp = /[\u4E00-\u9FA5]+/; //汉字
console.log(str.replace(regexp, "英雄联盟")); //英雄联盟,yyds!

9. search(regexp)

功能：检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，如果找到，返回与 regexp 相匹配的子串的索引，否则返回 -1。

var str = "明日方舟,yyds!";
var regexp = /\w/;
console.log(str.search("y")); //5
console.log(str.search(regexp)); //5

10. slice(start, [end])

功能：取字符串的某个部分，返回一个新的字符串。包括字符串从 start 开始（包括 start）到 end结束（不包括 end）为止的所有字符，没有end则默认到结尾

参数出现负数时

将负数加上数组长度的值来替换该位置的数

var str = "明日方舟,yyds!";
console.log(str.slice(5)); //yyds!
console.log(str.slice(5, 9)); //yyd
console.log(str.slice(5, -1)); //yyd  -1替换为10-1等同于slice(5, 9)

11. split(string, [limit])

功能：split() 方法用于把一个字符串按照指定符号分割成字符串数组，默认是空（未设置）分割，可选的limit是一个整数，限制返回的数组最大长度。

var str = "英雄联盟丨率土之滨丨明日方舟";
console.log(str.split("丨")); //["英雄联盟", "率土之滨", "明日方舟"];
console.log(str.split("丨", 2)); //(2) ["英雄联盟", "率土之滨"]

来看一下几种特殊情况，注意区分

//默认是以英文,分割
"1,2,3,4".split(); //['1,2,3,4']
//用空字符串分割，每一位都分割
"1,2,3,4".split(""); //['1', ',', '2', ',', '3', ',', '4']
//空字符串里面有空格--以空格分割
"1,2,3,4".split(" "); //['1,2,3,4']

12. substr(start, [length]) (已弃用)

功能：在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串，包含从 start（包括 start 所指的字符）处开始的 length 个字符。如果没有指定 length，那么返回的字符串包含从 start 到该字符串的结尾的字符。

var str = "2023，希望过的开开心心!!";
console.log(str.substr(5)); //希望过的开开心心!!
console.log(str.substr(5, 2)); //希望

13. substring(start,[stop])

功能：substring() 方法用于提取字符串中介于两个指定下标之间的字符。stop可选，不传则默认到尾部
说明：如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

var str = "2023，希望过的开开心心!!";
console.log(str.substring(2)); //21，希望过的开开心心!!
console.log(str.substring(2, 7)); //21，希望
console.log(str.substring(7, 2)); //21，希望

14. toLowerCase()

功能：把字符串转换为小写。

var str = "I Love You";
console.log(str.toLowerCase()); //i love you
console.log(str.toLocaleUpperCase()); //I LOVE YOU

15. toUpperCase()

功能：把字符串转换为小写。

var str = "I Love You";
console.log(str.toLowerCase()); //i love you
console.log(str.toLocaleUpperCase()); // I LOVE YOU

16. includes()

功能：检查字符串是否包含指定的字符串或字符， 存在返回true，反之返回false

var str = "2023，希望过的开开心心!!";
console.log(str.includes("开开心心")); //true
console.log(str.includes("不开心")); //false

17. endsWith()

功能: 检查字符串是否以指定的字符串或字符结束， 是返回true，反之返回false

var str = "2023，希望过的开开心心!!";
console.log(str.endsWith("!")); //true
console.log(str.endsWith("?")); //false

18. startsWith()

功能：检查字符串是否以指定的字符串或字符开始， 是返回true，反之返回false

var str = "2023，希望过的开开心心!!";
console.log(str.startsWith("2023")); //true
console.log(str.startsWith("2022")); //false

19. repeat()

功能：将字符串复制指定次数。

var str = "2023，希望过的开开心心!!";
console.log(str.repeat(2)); //2023，希望过的开开心心!!2023，希望过的开开心心!!

20. valueOf()

功能：valueOf()方法返回一个String对象的原始值（primitive value），该值等同于String.prototype.toString()。

JavaScript的许多内置对象都重写了该函数，以实现更适合自身的功能需要。因此，不同类型对象的valueOf()方法的返回值和返回值类型均可能不同。

// Array：返回数组对象本身
var array = ["CodePlayer", true, 12, -5];
document.writeln(array.valueOf() === array); // true

// Date：当前时间距1970年1月1日午夜的毫秒数
var date = new Date(2013, 7, 18, 23, 11, 59, 230);
document.writeln(date.valueOf()); // 1376838719230

// Number：返回数字值
var num = 15.2654;
document.writeln(num.valueOf()); // 15.2654

// 布尔：返回布尔值true或false
var bool = true;
document.writeln(bool.valueOf() === bool); // true
// new一个Boolean对象
var newBool = new Boolean(true);
// valueOf()返回的是true，两者的值相等
document.writeln(newBool.valueOf() == newBool); // true
// 但是不全等，两者类型不相等，前者是boolean类型，后者是object类型
document.writeln(newBool.valueOf() === newBool); // false

// Function：返回函数本身
function foo() {}
document.writeln(foo.valueOf() === foo); // true
var foo2 = new Function("x", "y", "return x + y;");
document.writeln(foo2.valueOf() === foo2); // true

// Object：返回对象本身
var obj = { name: "张三", age: 18 };
document.writeln(obj.valueOf() === obj); // true

// String：返回字符串值
var str = "http://www.365mini.com";
document.writeln(str.valueOf() === str); // true
// new一个字符串对象
var str2 = new String("http://www.365mini.com");
// 两者的值相等，但不全等，因为类型不同，前者为string类型，后者为object类型
document.writeln(str2.valueOf() === str2); // false

21. trim()

功能：从一个字符串的两端删除空白字符。

var str = "   2023，  希望过的开开心心!!   ";
console.log(str.trim()); //2023，  希望过的开开心心!!