web进阶

web进阶之二十二:字符串及其操作方法

2018-09-18  本文已影响3人  甚得朕心

  字符串,在很多语言中都会存在的数据类型,那么在Js中时如何对它进行操作的呢?

字符串的具体操作方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串的相关操作</title>
    <script>
        // 使用“+”来合并字符串
        // var a = 'abc';
        // var b = '123';
        // alert(a+b);
        //parseInt() 将数字字符串转化为整数
        //parseFloat() 将数字字符串转化为小数
        //转化为整数这个我们之前就说过了,这样的只能转化字符串
        //charAt() 获取字符串中的某一个字符
        // var a = 'abcdqwe123';
        // alert(a.charAt(1));//写入索引值就可以,也是从0开始
        //indexOf() 查找字符串是否含有某字符
        // var a = 'abcdqwe123';
        // alert(a.indexOf('a'));//输出字符a的索引值,如果没有该字符,就输出-1
        //substring() 截取字符串 用法: substring(start,end)(不包括end)
        // var a = 'abcdqwe123';
        // alert(a.substring(0,4));//从索引值为0开始,到索引为4(不包含4)的元素。
        //toUpperCase() 字符串转大写和toLowerCase() 字符串转小写
        // var a = 'abcdqwe123af';
        // alert(a.toUpperCase());
        // b = 'saASDSFFF324';
        // alert(b.toLowerCase());
        //通过split()把一个字符串分隔成字符串组成的数组
        // var a = '2018-02-03';
        //a.split('-')//可以通过本身存在的字符分割,分割完成后,使用的字符将不存在
        // b = a.split('');//使用空来分割
        // alert(b);

    </script>
</head>
<body>
    
</body>
</html>

字符串的翻转

前篇我们给数组进行了反转,那么字符串当然也是可以的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串的相关操作</title>
    <script>
        var a = 'abcdefgh';
        var b = a.split('').reverse().join('');
        /*
            首先我们先把字符串切片,转成一个个的单一字符串,这样会形成一个数组
            然后调用数组中反转的reverse方法,把数组反转
            最后,通过join() 将数组成员通过一个分隔符合并成字符串,可以为空。
        */
        alert(b);

    </script>
</head>
<body>
    
</body>
</html>

主要需要理解的就是字符串的反转,这个需要一个个的、通过判断转化后的类型,在调用方法,再转化就行了。

上一篇 下一篇

猜你喜欢

热点阅读