JavaScript字符串的常用方法

164 阅读4分钟

字符串的常用方法:

1、字符串常用方法为什么会出现?

a.因为字符串不好操作
b.字符串常用方法的统一语法 => 字符串.xxx()

注意:所有字符串常用方法,都不会改变原始字符串,都是以返回值的形式出现结果
注意:所有字符串常用方法,都不会改变原始字符串,都是以返回值的形式出现结果
注意:所有字符串常用方法,都不会改变原始字符串,都是以返回值的形式出现结果

2、方法记录

    1.索引取值
        charAt()
            => 语法:字符串.charAt(索引)
            => 返回值:该索引位置的对应字符
                -> 如果有该索引位置,那么就该索引位置的字符
                -> 如果没有该索引位置,那么就是 ""
            =>例子:
                "hello world".charAt(0) // "h"
            
    2.索引取码值(十进制)
        charCodeAt()
            => 语法:字符串.charCodeAt(索引)
            => 返回值:该索引位置的对应的字符的编码(十进制)
            => 例子:
                "hello world".charCodeAt(0) //104
            
    3.转大写字母
        toUpperCase()
            => 语法: 字符串.toUpperCase()
            => 作用: 把所有字母转换为大写字母
            => 返回值: 转换好的字符串
            => 例子:
                "hello world".toUpperCase() //'HELLO WORLD'
            
    4.转小写字母
        toLowerCase()
            => 语法:字符串.toLowerCase()
            => 作用:把所有字母转换为小写字母
            => 返回值:转换好的字符串
            => 例子:
                'HELLO WORLD'.toLowerCase() //'hello world'
        
    5.截取字符串
        substr()
            => 语法:字符串.substr(开始索引,多少个)
            => 作用:截取字符串
            => 返回值:截取的字符串
            => 例子:
                'hello world'.substr(0,3)//'hel'
                'hello world'.substr(3)//'lo world'
    
    6.截取字符串
        substring()
            => 语法:字符串.substring(开始索引,结束索引)
            => 作用:截取字符串
            => 返回值:截取的字符串
            => 特点:包前不包后
            => 例子:
                'hello world'.substring(0,3)//'hel'
        
    7.截取字符串
        slice()
            => 语法: 字符串.slice(开始索引,结束索引)
            => 特点:
                ->包前不包后
                ->可以填写负整数
            => 作用:截取字符串
            => 返回值:截取出来的字符串
            => 例子:
                'hello world'.slice(0,3)//'hel'
    
    8.替换一个字符
        replace()
            => 语法:字符串.replace(换下字符,换上字符)
            => 作用:使用换上字符替换字符串内的换下字符
            => 注意:只能替换出现的第一个,只能替换一个
            => 返回值:替换好的字符串
            => 例子:
                'hello world'.replace("o","t")//'hellt world'
            
    9.字符串转数组
        split()
            => 语法:字符串.split("切割符号")
                -> 切割符号可以不传递,会把字符串看成一个整体,转变为数组
                -> 切割符号为 "" ,则会把字符串一位一位的切割,并转变为数组
            => 作用:按照切割符号,把字符串切割,放在一个数组内
            => 返回值:是一个数组,内容就是按照切割符号切割开的每一个部分
            => 例子:
                'hello world'.split(" ") // ['hello', 'world']
                //正则匹配,多字符分割,空格和".",分割字符串
                '只因 你.太.美'.split(/[ .]/) // ['只因', '你', '太', '美']
        
    10.拼接字符串
        concat()
            => 语法: 字符串.concat("要拼接的字符串")
            => 作用:字符串拼接
            => 返回值:拼接好的字符串
            => 例子:
                'hello'.concat(" 菜鸟!")//'hello 菜鸟!'
            
    11.查找字符索引
        indexOf()
            => 语法:字符串.indexOf(字符,开始索引)
            => 作用:从前往后检索字符在字符串内的索引位置
            => 返回值:
                -> 如果有该字符内容,就返回该字符的索引位置
                -> 如果没有该字符内容,就是 -1
            => 例子:
                "再跳就换了你".indexOf("你") // 5
            
    12.查找字符索引
        lastIndexOf()
            => 语法:字符串.lastIndexOf(字符,开始索引)
            => 作用:从后向前检索字符在字符串内的索引位置
            => 返回值:
                -> 如果有该字符内容,就返回该字符的索引位置
                -> 如果没有该字符内容,就是 -1
            => 例子:
                "再跳就换了你".lastIndexOf("你") //5
        
    13.去空格
        trim()
            => 语法:字符串.trim()
            => 作用:去除字符串首尾的空白内容
            => 返回值:去除空白内容后的字符串
            => 例子:
                "   快 把 两 边 空 格 去 了   ".trim()  //'快 把 两 边 空 格 去 了'
            
    14.去空格
        trimStart() / trimLeft()
            => 语法: 
                ->字符串.trimStart()
                ->字符串.trimLeft()
            => 作用:去除前面的空白
            => 返回:去除空白内容的字符串
            => 例子:
                "   快 把 前 面 空 格 去 了   ".trimStart() //'快 把 前 面 空 格 去 了   '
                "   快 把 前 面 空 格 去 了   ".trimLeft()  //'快 把 前 面 空 格 去 了   '
            
    15.去空格
        trimEnd() / trimRight()
            => 语法:
                ->字符串.trimEnd()
                ->字符串.trimRight()
            => 作用:去除后面的空白
            => 返回:去除空白内容的字符串
            => 例子:
                "   快 把 后 面 空 格 去 了   ".trimEnd()    //'   快 把 后 面 空 格 去 了'
                "   快 把 后 面 空 格 去 了   ".trimRight()  //'   快 把 后 面 空 格 去 了'

3、测试方法

image.png