美文网首页
前端切图仔,常用的21个字符串方法(下)

前端切图仔,常用的21个字符串方法(下)

作者: 祈澈菇凉 | 来源:发表于2021-07-19 12:48 被阅读0次

    字符串方法

    更多方法实例可以参见:JavaScript String 对象

    方法 描述
    charAt() 返回指定索引位置的字符
    charCodeAt() 返回指定索引位置字符的 Unicode 值
    concat() 连接两个或多个字符串,返回连接后的字符串
    fromCharCode() 将 Unicode 转换为字符串
    indexOf() 返回字符串中检索指定字符第一次出现的位置
    lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置
    localeCompare() 用本地特定的顺序来比较两个字符串
    match() 找到一个或多个正则表达式的匹配
    replace() 替换与正则表达式匹配的子串
    search() 检索与正则表达式相匹配的值
    slice() 提取字符串的片断,并在新的字符串中返回被提取的部分
    split() 把字符串分割为子字符串数组
    substr() 从起始索引号提取字符串中指定数目的字符
    substring() 提取字符串中两个指定的索引号之间的字符
    toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写,只有几种语言(如土耳其语)具有地方特有的大小写映射
    toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写,只有几种语言(如土耳其语)具有地方特有的大小写映射
    toLowerCase() 把字符串转换为小写
    toString() 返回字符串对象值
    toUpperCase() 把字符串转换为大写
    trim() 移除字符串首尾空白
    valueOf() 返回某个字符串对象的原始值
    十一:slice()方法
    定义和用法

    slice() 方法可从已有的数组中返回选定的元素。

    实例

    例子 1

    在本例中,我们将创建一个新数组,然后显示从其中选取的元素:

    <script type="text/javascript">
    
    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    
    document.write(arr + "<br />")
    document.write(arr.slice(1) + "<br />")
    document.write(arr)
    
    </script>
    

    输出:

    George,John,Thomas
    John,Thomas
    George,John,Thomas
    

    例子 2

    在本例中,我们将创建一个新数组,然后显示从其中选取的元素:

    <script type="text/javascript">
    
    var arr = new Array(6)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    arr[3] = "James"
    arr[4] = "Adrew"
    arr[5] = "Martin"
    
    document.write(arr + "<br />")
    document.write(arr.slice(2,4) + "<br />")
    document.write(arr)
    
    </script>
    

    输出:

    George,John,Thomas,James,Adrew,Martin
    Thomas,James
    George,John,Thomas,James,Adrew,Martin
    
    十二:split()方法
    定义和用法

    split() 方法用于把一个字符串分割成字符串数组。

    实例

    例子 1

    在本例中,我们将按照不同的方式来分割字符串:

    <script type="text/javascript">
    
    var str="How are you doing today?"
    
    document.write(str.split(" ") + "<br />")
    document.write(str.split("") + "<br />")
    document.write(str.split(" ",3))
    
    </script>
    

    输出:

    How,are,you,doing,today?
    H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
    How,are,you
    

    例子 2

    在本例中,我们将分割结构更为复杂的字符串:

    "2:3:4:5".split(":")    //将返回["2", "3", "4", "5"]
    "|a|b|c".split("|") //将返回["", "a", "b", "c"]
    

    例子 3

    使用下面的代码,可以把句子分割成单词:

    var words = sentence.split(' ')
    
    或者使用正则表达式作为 separator:
    
    var words = sentence.split(/\s+/)
    

    例子 4

    如果您希望把单词分割为字母,或者把字符串分割为字符,可使用下面的代码:

    "hello".split("")   //可返回 ["h", "e", "l", "l", "o"]
    
    若只需要返回一部分字符,请使用 howmany 参数:
    
    "hello".split("", 3)    //可返回 ["h", "e", "l"]
    
    十三:substr()方法
    定义和用法

    substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

    实例

    例子 1

    在本例中,我们将使用 substr() 从字符串中提取一些字符:

    <script type="text/javascript">
    
    var str="Hello world!"
    document.write(str.substr(3))
    
    </script>
    

    输出:

    lo world!
    

    例子 2

    在本例中,我们将使用 substr() 从字符串中提取一些字符:

    <script type="text/javascript">
    
    var str="Hello world!"
    document.write(str.substr(3,7))
    
    </script>
    

    输出:

    lo worl
    
    十四:substring()
    定义和用法

    substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    实例

    例子 1

    在本例中,我们将使用 substring() 从字符串中提取一些字符:

    <script type="text/javascript">
    
    var str="Hello world!"
    document.write(`str.substring(3)`)
    
    </script>
    

    输出:

    lo world!
    

    例子 2

    在本例中,我们将使用 substring() 从字符串中提取一些字符:

    <script type="text/javascript">
    
    var str="Hello world!"
    document.write(`str.substring(3,7)`)
    
    </script>
    

    输出:

    lo w
    
    十五:toLocaleLowerCase()
    定义和用法

    toLocaleLowerCase() 方法用于把字符串转换为小写。

    实例

    在本例中,"Hello world!" 将以小写字母来显示:

    <script type="text/javascript">
    
    var str="Hello World!"
    document.write(str.toLocaleLowerCase())
    
    </script>
    
    十六:toLocaleUpperCase()
    定义和用法

    toLocaleUpperCase() 方法用于把字符串转换为大写。

    实例

    在本例中,"Hello world!" 将以大写字母来显示:

    <script type="text/javascript">
    
    var str="Hello World!"
    document.write(str.toLocaleUpperCase())
    
    </script>
    
    十七:toLowerCase()
    定义和用法

    toLowerCase() 方法用于把字符串转换为小写。

    实例

    在本例中,"Hello world!" 将以小写字母来显示:

    <script type="text/javascript">
    
    var str="Hello World!"
    document.write(str.toLowerCase())
    
    </script>
    
    十八:toString()
    定义和用法

    toString() 方法可把一个 Number 对象转换为一个字符串,并返回结果。

    实例

    在本例中,我们将把一个数字转换为字符串:

    <script type="text/javascript">
    
    var number = new Number(1337);
    document.write (number.toString())
    
    </script>
    

    输出:

    1337
    
    十九:toUpperCase()
    定义和用法

    toUpperCase() 方法用于把字符串转换为大写。

    实例

    在本例中,"Hello world!" 将以大写字母来显示:

    <script type="text/javascript">
    
    var str="Hello World!"
    document.write(str.toUpperCase())
    
    </script>
    
    
    二十:trim()
    定义和用法

    trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。

    trim() 方法不会改变原始字符串。

    trim() 方法不适用于 null, undefined, Number 类型。

    实例
    
    function myTrim(x) {
      return x.replace(/^\s+|\s+$/gm,'');
    }
     
    function myFunction() {
      var str = myTrim("        Runoob        ");
      alert(str);
    }
    

    输出结果

    Runoob 
    
    二十一:valueOf()
    定义和用法

    valueOf() 方法可返回 String 对象的原始值。

    注意: valueOf() 方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。

    实例

    返回 String 对象的原始值:

    <script>
    
    var str="Hello world!";
    document.write(str.valueOf());
    
    </script>
    

    以上实例输出结果:

    Hello world!
    

    参考:https://www.runoob.com/jsref/jsref-obj-string.html

    相关文章

      网友评论

          本文标题:前端切图仔,常用的21个字符串方法(下)

          本文链接:https://www.haomeiwen.com/subject/mwxmpltx.html