目录
一.前言
二.字符串方法
1.charAt(num) 获取字符串指定位置上的字符
解释
示例
注意
2.length属性 获取字符串长度
解释
示例讲解
3.substring()字符串的截取
解释
特点
示例
4.slice()字符串截取
解释
特点
示例
应用
单行文本加省略号
字符串劫串案例（手机号加****）
5.substr()字符串截取
解释
特点
示例
6. indexOf()指定查找索引
解释
特点
示例
7.toUpperCase() 小写转大写
示例
8. toLowerCase() 大写转小写
示例
9. trim()去掉字符串两边的空格
特点
示例
10.concat()字符串拼接
解释
示例
11.split('分隔符')字符串转换成数组
示例
12.search（）match（）replace（）
一.前言
JavaScript 中有许多内置的字符串方法，这些方法允许你对字符串进行各种操作和转换。字符串是 JavaScript 中的一种数据类型，用于表示文本数据。在 JavaScript 中，字符串是不可变的，这意味着一旦字符串被创建，它的值就不能被改变。因此，字符串方法通常返回新的字符串，而不会修改原始字符串。
二.字符串方法
1.charAt(num) 获取字符串指定位置上的字符
解释
charAt(num) 获取字符串指定位置上的字符
参数是 设置的索引，从0开始，不支持负数
如果参数不存在或者不合法，默认为0
返回值是指定位置的字符
示例
let str1 = '邓超孙俪'
let n = str1.charAt(2)
console.log(n); //输出 孙
let n2 = str1.charAt()
console.log(n2); //输出 邓注意
如果传递给
charAt()方法的索引超出了字符串的长度范围，返回的结果将是一个空字符串。let str = "Hello"; let char1 = str.charAt(10); console.log(char1); // 输出空字符串 ""
2.length属性 获取字符串长度
解释
在 JavaScript 中，字符串是一个类似数组的对象，可以使用
for循环对字符串进行迭代。要获取字符串的长度，可以使用字符串的length属性，该属性返回字符串中字符的数量。以下是一个示例，展示如何在for循环中遍历字符串和获取字符串的长度：
let str = "Hello, World!";
console.log("字符串长度:", str.length);
for (let i = 0; i < str.length; i++) {
console.log(str.charAt(i));
}
示例讲解
在上面的示例中，我们定义了一个字符串 str，然后使用 length 属性获取字符串的长度，并将结果打印到控制台。接下来，使用 for 循环从索引 0 开始遍历字符串，使用 charAt() 方法获取每个索引位置上的字符，并将其打印到控制台。
3.substring()字符串的截取
解释
字符串的截取
substring（）
参数有两个:
参数1 表示 开始截取的位置
参数2 表示 结束截取的位置
返回截取的字符串，包含开始的位置，不包含结束位置
特点
特点：
1.如果参数省略，则提取整个字符串，可以理解为复制
2.如果只有一个参数则表示从该位置，截取到最后
3.如果有两个参数，截取的结果 包含开始的位置，不包含结束位置
4.如果有两个参数，首先比较两个参数的大小，小数在前大数在后，小数在前为开始位置，大数在后为结束位置
示例
let str2 = '蜀道之难难于上青天'
let str3 = str2.substring(2,5)
console.log(str3); //(之难难) 返回截取的字符串，包含开始的位置，不包含结束位置
let str4 = str2.substring(2) //只有一个参数则表示从该位置，截取到最后
console.log(str4);//输出（之难难于上青天）
let str5 = '一片两片三四片'
let str6 = str5.substring(5,2) //有两个参数，首先比较两个参数的大小，小数在前大数在后，
//小数在前为开始位置，大数在后为结束位置
console.log(str6); //输出两片三4.slice()字符串截取
解释
slice （）和数组一样，字符串也有slice方法
特性和数组完全一样
参数是两个
参数1 开始截取的位置
参数2 结束截取的下标位置
特点
特点：
1.开始位置必须在结束位置之前，否则截取为空
2.参数必须是 正整数，负整数和0，如果参数违法则解析为0
3.如果不写结束位置，则截取到最后
4.如果没有参数，则提取整个字符串，可以理解为赋值
5.如果参数为负数则从后面开始计算，开始的位置为-1
示例
let str5 = '一片两片三四片'
let str121 = str5.slice()
console.log(str121); //输出 一片两片三四片
let str111 = str5.slice(1)
console.log(str111); //输出 片两片三四片
let str7 = str5.slice(5,2)
console.log(str7); //输出为空 开始位置必须在结束位置之前，否则截取为空
let str8 = str5.slice(2)
console.log(str8); //输出 两片三四片
let str9 = str5.slice(2,-2)
console.log(str9); //输出 两片三 如果参数为负数则从后面开始计算，开始的位置为-1
应用
单行文本加省略号
//单行文本加省略号
let str11 = str10.substring(0,11)+'...'
console.log(str11) //输出 晋太元中，武陵人捕鱼为...字符串劫串案例（手机号加****）
//字符串劫串案例
let tel = '19544542729'
let str12 = tel.substring(0,3) + '****'+tel.substring(7)
console.log(str12); //输出 195****27295.substr()字符串截取
解释
substr（）
参数 两个
第一个参数是开始截取位置
第二个参数是截取的长度
特点
特点：
1.第一个参数可以是正整数，负整数和0
2.截取的字符串包含第一个位置
3.在低版本ie中，第一个参数不能使用负数
4.不是一个标准方法，因此不是所有的浏览器都兼容
示例
let str13 = '种豆南山下，都生草木犀'
let str14 = str13.substr(2,2) //输出 南山
console.log(str14);
let str15 = str13.substr(-2,2)
console.log(str15); //输出 木犀6. indexOf()指定查找索引
解释
indexOf()方法
返回值是 指定内容在字符串中的下标
参数有两个
参数1：指定的元素内容
参数2：指定开始查找的位置,如果没有第二个参数，默认为0
特点
1.从指定的位置开始查找
2.找不到返回-1
3.第二个参数不能为负数
示例
let str1 = '一片两片三四片'
let n = str1.indexOf('片')
console.log(n); //1
let n2 = str1.lastIndexOf('片')
console.log(n2); //67.toUpperCase() 小写转大写
示例
不需要参数
*/
let str2 = 'Hello Zhengke!'
let str3 = str2.toUpperCase()
console.log(str3) //小写转大写 HELLO ZHENGKE!8. toLowerCase() 大写转小写
示例
let str4 = str2.toLowerCase()
console.log(str4); //大写转小写 hello zhengke!9. trim()去掉字符串两边的空格
特点
trim()去掉字符串两边的空格
1.不需要设置参数
2.新方法，低版本ie不支持
示例
let str5 =' 中午吃啥 '
console.log(str5);
console.log(`@${str5.trim()}@`);
10.concat()字符串拼接
解释
字符串拼接
concat()方法 和数组方法一样，都是拼接，参数可以设置多个
通常使用+做字符串拼接（建议使用）
示例
let str6 = '三国演义'
let str7 = '水浒传'
let str8 = str6.concat(str7)
console.log(str8); //输出 三国演义水浒传11.split('分隔符')字符串转换成数组
示例
let str9 = '一片两片三四片'
let arr1 = str9.split('')
console.log(arr1);
let arr2 = str9.split('片')
console.log(arr2);
12.search（）match（）replace（）
字符串查找和替换，将在正则中分享敬请期待
search（）
match（）
replace（）
