字符串相关方法补充

<!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>
    <input type="text" placeholder="请输入用户名">
    <button>按钮</button>
    <script>
        /* 001-repeat(3)  把字符串重复N遍返回 */
        /* 002-trim()     清理字符串前后的空格(N) */
        /* 说明:该方法是ES5(2009年)提供的,jQuery框架 */
        /* 需求:清除左侧|右侧的空格 */
        /* 003-trimLeft()  清理字符串左侧的N个空格 */
        /* 004-trimRight() 清理字符串右侧的N个空格 */
        /* 005-replace()   替换 */

        // var str1 = " abc";
        // var str2 = "abc ";
        // var str3 = "abc       ";
        // var str4 = "       abc       ";
        // console.log(str1, str1.trim().length);
        // console.log(str2, str2.trim().length);
        // console.log(str3, str3.trim().length);
        // console.log(str4, str4.trim().length);


        // var oBtn = document.getElementsByTagName("button")[0];
        // var oInput = document.getElementsByTagName("input")[0];
        // oBtn.onclick = function() {
        //     var text = oInput.value;
        //     console.log(text);
        //     console.log(text.trim());
        // }

        var str5 = "       abc       ";
        console.log(str5.trimLeft());
        console.log(str5.trimRight());


        var res = "这手机不划算,真垃圾,还不如我30000块钱买的华为P30,真牛逼";
        //  var str6 = "这手机不划算,真**,还不如我30000块钱买的**";
        /* 第一个参数:要替换的字符串是什么 */
        /* 第二个参数:要替换成什么字符串 */

        /* ["垃圾","牛逼","华为P30"] */
        // var res = str6.replace("垃圾", "**");
        // console.log(res);

        var data = ["垃圾", "牛逼", "华为P30"];
        data.forEach(function(item) {
            //这手机不划算,真**,还不如我30000块钱买的华为P30,真牛逼
            // 这手机不划算,真**,还不如我30000块钱买的华为P30,真**
            // 这手机不划算,真**,还不如我30000块钱买的**,真**
            res = res.replace(item, "**");
        })
        console.log(res);
    </script>
</body>

</html>
posted @   举个栗子走天下  阅读(155)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示