javaScript:常用的js字符串方法

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);  //1

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

小姚学前端

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录