目录

一.前言

二.字符串方法

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****2729

5.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);  //1let n2 = str1.lastIndexOf('片')console.log(n2);  //6

7.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（）