es6 字符串

最新推荐文章于 2025-08-16 21:57:41 发布

weixin_42975115

最新推荐文章于 2025-08-16 21:57:41 发布

阅读量126

点赞数

分类专栏： js 文章标签： es6

js 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了ES6中新增的字符串操作方法，如includes、startsWith、endsWith等，用于判断子串是否存在，以及padStart和padEnd方法用于字符串填充。同时，文章还提供了模板字符串的使用示例，并展示了如何通过函数过滤HTML字符串，防止恶意内容注入。

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

子串的识别 ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。

includes()：返回布尔值，判断是否找到参数字符串。
startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。
endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。

// let string = "hello wrold";
// //判断是否找到参数字符串。
// console.log(string.includes("hello"));
// console.log(string.includes("wd")) ;
// //判断参数字符串是否在原字符串的头部
// console.log(string.startsWith("hello"));
// console.log(string.startsWith("hell"));
// console.log(string.indexOf("ell"));
// console.log(string.startsWith("helo"));
// console.log(string.startsWith("world"));
// //判断参数字符串是否在原字符串的尾部
// console.log(string.endsWith("world"));
// //判断开始字符参数字符串位置。
// console.log(string.startsWith("hello",0));
// console.log(string.startsWith("hello",2));
//
// //padStart：返回新的字符串，表示用参数字符串从头部补全原字符串。
// // padEnd：返回新的字符串，表示用参数字符串从头部补全原字符串。
// console.log("h".padStart(5,"o"));  // "ooooh"
// console.log("h".padEnd(5,"o"));    // "hoooo"
// console.log("h".padStart(5));
// console.log("hello".padStart(6,"A"));
// //模板字符串
// let string1 ="hello\nworld";
// console.log(string1);

// 过滤 HTML 字符串，防止用户输入恶意内容。

function f(stringArr,...values){
    let result = "";
    for(let i=0;i<stringArr.length;i++){
        result += stringArr[i];
        if(values[i]){
            result += String(values[i]).replace(/&/g, "&amp;")
                .replace(/</g, "&lt;")
                .replace(/>/g, "&gt;");
        }
    }
    return result;
}
let name = '<Amy&MIke>';
console.log(f`<p>Hi, ${name}.I would like send you some message.</p>`);