js字符串常用方法

<!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>

        var str = 'hello World';

        // console.log(str.length)

        //toLowerCase()  -->把字符串转为小写,返回新的字符串

        var str1 = str.toLowerCase();

        // console.log(str1)

        //toUpperCase()  -->把字符串转为大写,返回新的字符串

        var str2 = str.toUpperCase();

        // console.log(str2)

        //charAt() -->参数是字符串的下标(取值范围是0-str.length[不包括str.length],不然返回的是空字符串。),返回的是指定下标位置的字符

        var str3 = str.charAt(1)

        // console.log(str3)

        //charCodeAt() -->参数是字符串的下标(取值范围是0-str.length[不包括str.length],不然返回的是NaN。),返回值是指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。

        var str4 = str.charCodeAt(11)

        // console.log(str4)

        //indexOf() -->参数是(字符串的值,从哪个位置上开始查找(不填则默认0开始)【对大小写敏感】),返回值是某个指定的子字符串在字符串中第一次出现的位置

        var str5 = str.indexOf('h', 3)  //包括3,从3的位置开始找

        var str5 = str.indexOf('l') //2

        // var str5 = str.indexOf('world')  //-1  -1所代表的是找不到

        // var str5 = str.indexOf('World')

        // console.log(str5)

        //lastIndexOf() -->雷同indexOf方法,区别:它是从后面开始查找,但是返回的还是字符串存在的下标

        var str6 = str.lastIndexOf('l')  //9

        // console.log(str6)

        // slice(): --> 参数(字符串下标[可不传,默认为0],字符串下标[可不传,默认为0])当传入的是负数则从后面数起,输出个数=第二个参数减去第一个参数(第二个参数 > 第一个参数)当两个参数相同,则返回整个字符串,返回的是字符串中提取的子字符串。

        var str7 = str.slice()  //'hello World'

        // var str7 = str.slice(3) //'lo World'

        // var str7 = str.slice(6,8) //'Wo'

        //var str8 = str.slice(2,2); //'hello World'

        // var str7 = str.slice(8,2)  //空字符串

        // var str7 = str.slice(-1,3) //空字符串

        // var str7 = str.slice(-1,-2) //空字符串

        // var str7 = str.slice(-7,-3) //o Wo

        // console.log(str7)

        //substring() --> 雷同slice 区别:当两个参数相同,则返回空字符串,而且不能接受负数的参数

        var str8 = str.substring(); //'hello World'

        // var str8 = str.substring(3);//'lo World'

        // var str8 = str.substring(6,8); //'Wo'

        // var str8 = str.substring(2,2); //空字符串

        // var str8 = str.substring(-1,-3); //空字符串

        // var str8 = str.substring(-7,-3);//空字符串

        // console.log(str8)

        //substr() --> 参数(下标位置[不传则默认为0],需要输出的长度[不传则代表到字符串最后]),返回值是返回从指定下标开始指定长度的的子字符串

        var str9 = str.substr(); //'hello World'

        var str9 = str.substr(3); //'lo World'

        var str9 =  str.substr(6,3); //'Wor'

        var str9 = str.substr(-1,-3);//空

        // console.log(str9)

        //split():  -->参数(切割的标记[不传以数组的形式直接返回整个字符串]),返回值是把字符串分割成字符串数组。是一个数组!

        // var str10 = str.split();  //['hello World']

        var str10 = str.split(''); // ["h", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d"]

        var str10 = str.split(' '); //["hello", "World"]

        var str10 = str.split('l'); //["he", "", "o Wor", "d"]

        // console.log(str10)

        //replace() 参数('待替换元素','替换元素'),返回替换后的字符串

        var str11 = str.replace();  //hello World

        var str11 = str.replace('l','a'); //healo World --> 这种只改变第一个l

        var reg=/o/ig;  //当需要改全部相同的则需要搭配正则使用

        var str11=str.replace(reg,"*") //hell** W**rld

        // console.log(str11)

        //match()  -->参数('需要查找的元素'),返回所有查找的关键字内容的数组。

        var str12 = str.match(); //["", index: 0, input: "hello World", groups: undefined]

        var str12 = str.match('l'); //["l", index: 2, input: "hello World", groups: undefined]

        var str12 = str.match('ll'); //["l", index: 2, input: "hello World", groups: undefined]

        var str12 = str.match('la'); //null

        var reg=/o/ig;  //当需要改找到相同的存在个数则需要搭配正则使用

        var str12=str.match(reg) //["o", "o"]

        console.log(str12)

    </script>

</body>

</html>

欢迎指正!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容