JavaScript中字符串对象_js 获取字符串对象所有的值-优快云博客

本文链接：https://blog.youkuaiyun.com/IG_hyt/article/details/124566874

本文介绍了JavaScript中字符串处理的三个核心方法：indexOf()用于查找子串位置，split()用于按指定分隔符切割字符串，以及substr()用于截取子串。通过实例演示了如何在实际场景中运用这些功能，如字符串搜索和数据解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. str.indexOf( ) :获取 ‘字符串’ 在str中的首字母下标

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
    let str = '他强任他强,清风拂山岗'
    //字符串类似于数组，也有长度和下标
        /* console.log( str.length )//11
           console.log( str[5] )//, */

    //str.indexOf('字符串')   获取 ‘字符串’ 在str中的首字母下标
        // 如果字符串存在则返回首字母下标， 如果字符串不存在则返回固定值 -1
        // 应用场景： 一般用户判断 str中是否有某个字符串  如果没有则返回-1,不是-1说明有
    
        let index1 = str.indexOf('清风')
        console.log( index1 )//6
        let index2 = str.indexOf('徐清风')
        console.log( index2 )//-1 
    </script>
</body>

</html>

2. str.split( ) :用分隔符切割字符串，得到切割之后的数组

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
    let str = '他强任他强,清风拂山岗'

        //str.split('分隔符')   用分隔符切割字符串，得到切割之后的数组
        // 应用场景 : 一般用户解析 网址
        let url = 'http://www.baidu.com?name=张三&age=20'
        console.log( url.split('|') )//['http://www.baidu.com?name=张三&age=20']
        console.log( url.split('?') )//['http://www.baidu.com', 'name=张三&age=20']
        console.log( url.split('=') )//['http://www.baidu.com?name', '张三&age', '20']
    </script>
</body>

</html>

3. str.substr( ) : 截取字符串

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
    let str = '他强任他强,清风拂山岗'

        //4. str.substr(起始下标,截取长度)     截取字符串
        // 应用场景 ： 一般后台返回的数据 不会和前端完全匹配。 有时候需要自己截取一部分
        //例如： 商品价格后台返回 :价格58元  但是前端只需要显示58元，就需要截取

        console.log(str.substr(2, 5)) //从2下标开始，往后截取5个字 任他强,清
    </script>
</body>

</html>

4. 大小写转换（中文没有大小写）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
    let str = '他强任他强,清风拂山岗'

        //5.大小写转换 （中文没有大小写）
        //应用场景： 字母验证码不区分大小写 （一般无论你输入什么，都会转成大写或小写保持格式统一）

         console.log('dsSFJSGDJHsdfs'.toLocaleLowerCase()) //小写 dssfjsgdjhsdfs
         console.log('dsSFJSGDJHsdfs'.toLocaleUpperCase()) //大写 DSSFJSGDJHSDFS
    </script>
</body>

</html>