2021-09-10 JS字符串方法

最新推荐文章于 2022-09-19 11:35:31 发布

废话篓子

最新推荐文章于 2022-09-19 11:35:31 发布

阅读量152

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_51635630/article/details/120222876

版权

字符串方法

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 一.根据字符返回位置
        // 1.str.indexOf('要查找的位置',起始位置)
        var str = '改革春风吹满地，春天来了';
        console.log(str.indexOf('春'));
        console.log(str.indexOf('春', 3));

        // 二.根据位置返回字符
        // 1.charAt(index)
        var str = 'andy';
        console.log(str.charAt(3)); //y
        // 遍历所有的字符
        for (let index = 0; index < str.length; index++) {
            console.log(str.charAt(index));
        }

        // 2.charCodeAt方法返回的是指定位置上字符对应的ASCII码
        console.log(str.charCodeAt(0)); //97

        // 3.str[index]
        console.log(str[0]); //a

        // 三.拼接字符串，concat(字符串1，字符串2)
        var str1 = 'andy';
        var str2 = 'red';
        console.log(str2.concat(str1));

        // 四.截取字符串
        // 1.substr(start,length)
        var str3 = 'asdfghjkl';
        console.log(str3.substr(0, 3)); //asd

        // 2.slice(start,end)

        // 3.substring(start,end)

        // 五.替换字符串replace()
        // replace() 方法用于在字符串中用一些字符替换另一些字符，其使用格式如下：
        // 字符串.replace(被替换的字符串， 要替换为的字符串)；
        var str4 = 'zxcvbnm';
        console.log(str4.replace('zxc', 'asd'));

        // 六.分割字符串
        // 4.split()方法用于切分字符串，它可以将字符串切分为数组。在切分完毕之后，返回的是一个新数组。其使用格式如下：
        // 字符串.split("分割字符")
        var str5 = 'red, pink, blue';
        console.log(str5.split(','));
    </script>
</head>

<body>

</body>

</html>

字符串案例

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 案例1：查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数
        // 步骤1. 先查找第一个o出现的位置
        // 步骤2. 然后 只要indexOf 返回的结果不是 -1 就继续往后查找
        // 步骤3. 因为indexOf 只能查找到第一个，所以后面的查找，利用第二个参数，当前索引加1，从而继续查找

        // 解法1.数组的方法
        function findO(arr) {
            var res = [];
            var count = 0;
            for (let index = 0; index < arr.length; index++) {
                if (arr[index] === 'o') {
                    res.push(index);
                    count++;
                }
            }
            console.log(count);
            return res;
        }

        var arr = ['a', 'b', 'c', 'o', 'e', 'f', 'o', 'x', 'y', 'o', 'z', 'z', 'o', 'p', 'p'];
        console.log(findO(arr));

        // 解法2.字符串的方法 
        var str = 'abcoefoxyozzopp';
        var index = str.indexOf('o');
        var num = 0;
        while (index !== -1) {
            console.log(index);
            num++;
            index = str.indexOf('o', index + 1)
        }
        console.log(num);

        // 案例2：判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数

        // 步骤1. 核心算法：利用 charAt() 遍历这个字符串
        // 步骤2. 把每个字符都存储给对象， 如果对象没有该属性，就为1，如果存在了就 +1
        // 步骤3. 遍历对象，得到最大值和该字
        //  注意：在遍历的过程中，把字符串中的每个字符作为对象的属性存储在对象总，对应的属性值是该字符出现的次数
        function findMaxCount(str) {
            var o = {};
            for (var i = 0; i < str.length; i++) {
                var chars = str.charAt(i);
                if (o[chars]) {
                    o[chars]++;
                } else {
                    o[chars] = 1;
                }
            }
            console.log(o);
            // 2.遍历对象 
            var max = 0;
            var ch = '';
            for (var k in o) {
                if (o[k] > max) {
                    // k是属性名
                    // o[k]是属性值
                    max = o[k];
                    ch = k;
                }
            }
            console.log('出现最多的字符是' + ch + '，一共出现了' + max + '次');
            return o; //返回的是每个对象的属性
        }
        var str = 'abcoefoxyozzopp';
        console.log(findMaxCount(str));

        // 案例3 'abcoefoxyozzopp'中的o替换为*
        function replaceO() {
            while (str1.indexOf('o') !== -1) {
                str1 = str1.replace('o', '*')
            }
            return str1;
        }

        var str1 = 'abcoefoxyozzopp';
        console.log(replaceO(str1));
    </script>
</head>

<body>

</body>

</html>