14、js - 字符串方法

EchoLiner

已于 2023-06-06 14:46:39 修改

阅读量82

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ecmascript javascript 前端框架开发语言

于 2023-05-26 16:58:00 首次发布

本文链接：https://blog.csdn.net/EchoLiner/article/details/130890459

本文展示了JavaScript中的几个关键字符串方法的使用，如split用于按分隔符拆分字符串，startsWith检查字符串是否以指定前缀开始，includes检测字符串是否包含特定子串，以及trim用于去除字符串两端的空白字符。在示例中，这些方法被应用于创建HTML列表、验证URL和用户输入的用户名有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

字符串方法：split() startsWith() includes() trim()

<script>

    // split()  startsWith()  includes()  trim()

    // split()
    const str = "vite,pinia,typescript";
    let wrap = document.querySelector('.wrap');
    wrap.innerHTML = str.split(',').map(item => `<div>【赠品】${item}</div>`).join('');

    // startsWith()
    const url = 'https://www.baidu.com';
    console.log(url.startsWith('https')); // true

    // includes()
    console.log(url.includes('baidu')); // true

    // trim()
    let inp = document.querySelector('input');
    document.querySelector('button').addEventListener('click', function () {
        if (inp.value.trim() === '') {
            return alert('用户名不能为空');
        }
    });

</script>