[ES6]字符串相关扩展常用API

最新推荐文章于 2024-11-28 00:32:56 发布

.ByeBye

最新推荐文章于 2024-11-28 00:32:56 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_43843847/article/details/89598947

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了JavaScript中字符串操作的高级技巧，包括如何使用includes()、startsWith()和endsWith()等方法进行子串查找，以及如何利用模板字符串简化字符串拼接过程，提升代码可读性和维护性。

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

字符串相关扩展常用API

includes() 判断字符串中是否包含指定的字串（有的话返回true，否则返回false）
参数一：匹配的字串；参数二：从第几个开始匹配
startsWith() 判断字符串是否以特定的字串开始
endsWith() 判断字符串是否以特定的字串结束
模板字符串

console.log('hello world'.includes('world',7));

let url = 'admin/index.php';

 console.log(url.startsWith('aadmin'));
 console.log(url.endsWith('php'));

模板字符串

拼接字符串

let obj = {
    username : 'lisi',
    age : '12',
    gender : 'male'
}

let tag = '<div><span>'+obj.username+'</span><span>'+obj.age+'</span><span>'+obj.gender+'</span></div>';
console.log(tag);

使用模板字符串
`反引号表示模板，模板中的内容可以有格式，通过${}方式填充数据

let obj = {
    username : 'lisi',
    age : '12',
    gender : 'male'
}

//模板字符串
let tpl = `
    <div>
        <span>${obj.username}</span>
        <span>${obj.age}</span>
        <span>${obj.gender}</span>
        <span>${1+1}</span>
        <span>${fn('nihao')}</span>
    </div>
`;
console.log(tpl);