JavaScript字符串方法

本文详细介绍了JavaScript中的字符串操作方法,如split()用于拆分字符串为数组,substring()用于截取子字符串,startsWith()和includes()用于判断字符串开头和包含关系,以及toLowerCase()和toUpperCase()进行大小写转换。这些方法在处理字符串时非常实用。

总括:

  1. 实例属性 length 用来获取字符串的度长(重点)
  2. 实例方法 split('分隔符') 用来将字符串拆分成数组(重点)
  3. 实例方法 substring(需要截取的第一个字符的索引[,结束的索引号]) 用于字符串截取(重点)
  4. 实例方法 startsWith(检测字符串[, 检测位置索引号]) 检测是否以某字符开头(重点)
  5. 实例方法 includes(搜索的字符串[, 检测位置索引号]) 判断一个字符串是否包含在另一个字符串中,根据情况返回 true 或 false(重点)
  6. 实例方法 toUpperCase 用于将字母转换成大写
  7. 实例方法 toLowerCase 用于将就转换成小写
  8. 实例方法 indexOf 检测是否包含某字符
  9. 实例方法 endsWith 检测是否以某字符结尾
  10. 实例方法 replace 用于替换字符串,支持正则匹配
  11. 实例方法 match 用于查找字符串,支持正则匹配

:String 也可以当做普通函数使用,这时它的作用是强制转换成字符串数据类型。

部分示例:

1. split()方法

split(分隔符)方法可以将字符串转换为数组

split 把字符串 转换为 数组 和 join() 相反

        const str = 'pink , red'
        arr = str.split(',')
        console.log(arr) [pink,red]
        const str1 = '2023-3-29'
        arr1 = str1.split('-')
        console.log(arr1) [2023,3,29]

2. slice()方法

slice() 方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。

语法: str.slice(beginIndex[, endIndex])  [begin , end]

开始的索引号 和 结束的索引号

返回值: 返回一个从原字符串中提取出来的新字符串

描述:

slice() 从一个字符串中提取字符串并返回新字符串。在一个字符串中的改变不会影响另一个字符串。也就是说,slice 不会修改原字符串(只会返回一个包含了原字符串中部分字符的新字符串)。

slice() 提取的新字符串包括beginIndex但不包括 endIndex。

例:

例 1:str.slice(1, 4) 提取第二个字符到第四个字符(被提取字符的索引值(index)依次为 1、2,和 3)。

例 2:str.slice(2, -1) 提取第三个字符到倒数第一个字符。

// 使用 slice() 创建一个新的字符串
        let str1 = 'The morning is upon us.' // str1 的长度 length 是 23。
            str2 = str1.slice(1, 8)
            str3 = str1.slice(4, -2)
            str4 = str1.slice(12)
            str5 = str1.slice(30)
        console.log(str2) // 输出:he morn
        console.log(str3) // 输出:morning is upon u
        console.log(str4) // 输出:is upon us.
        console.log(str5) // 输出:""
        // 给 slice() 传入负值索引
        str1.slice(-3)    // 返回 'us.'
        str2.slice(-3, -1) // 返回 'us'
        str3.slice(0, -1)  // 返回 'The morning is upon us'

3. substring()方法 (重点)

实例方法 substring(需要截取的第一个字符的索引[,结束的索引号]) 用于字符串截取(重点)

语法 :str.substring(indexStart[, indexEnd])  [start , end)

返回值: 包含给定字符串的指定部分的新字符串。

参数:

indexStart

需要截取的第一个字符的索引,该索引位置的字符作为返回的字符串的首字母。

indexEnd

可选。一个 0 到字符串长度之间的整数,以该数字为索引的字符不包含在截取的字符串内。

描述

substring 提取从 indexStart 到 indexEnd(不包括)之间的字符。

特别地:

  • 如果 indexStart 等于 indexEnd,substring 返回一个空字符串。
  • 如果省略 indexEnd,substring 提取字符一直到字符串末尾。
  • 如果任一参数小于 0 或为 NaN,则被当作 0。
  • 如果任一参数大于 stringName.length,则被当作 stringName.length。
  • 如果 indexStart 大于 indexEnd,则 substring 的执行效果就像两个参数调换了一样。
 // 下例使用 substring 输出字符串 "Mozilla" 中的字符:
        let anyString = "Mozilla";

        // 输出 "Moz"
        console.log(anyString.substring(0, 3));
        console.log(anyString.substring(3, 0));
        console.log(anyString.substring(3, -3));
        console.log(anyString.substring(3, NaN));
        console.log(anyString.substring(-2, 3));
        console.log(anyString.substring(NaN, 3));

        // 输出 "lla"
        console.log(anyString.substring(4, 7));
        console.log(anyString.substring(7, 4));

        // 输出 ""
        console.log(anyString.substring(4, 4));

        // 输出 "Mozill"
        console.log(anyString.substring(0, 6));

        // 输出 "Mozilla"
        console.log(anyString.substring(0, 7));
        console.log(anyString.substring(0, 10));

4. startWith()

判断是不是以某个字符开头

返回值:true , false

const str = 'pink老师上课中'
console.log(str.startsWith('pink')) // true
console.log(str.startsWith('ink')) // false

5. includes()

判断某个字符是不是包含在一个字符串中 严格区分大小写

返回值:true , false

const str = "To be, or not to be, that is the question.";

console.log(str.includes("To be")); // true
console.log(str.includes("question")); // true
console.log(str.includes("nonexistent")); // false
console.log(str.includes("To be", 1)); // false
console.log(str.includes("TO BE")); // false
console.log(str.includes("")); // true

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值