ES6 字符串新增方法

字符串:

字符串是JavaScript六大原始数据类型之一,其它几个分别是:Boolean、Null、Undefined、Number、Symbol(es6新增方法)。

我们经常使用的操作无非是:读取字符串、转换字符串、清空字符串、拼接字符串、截取字符串。

字符串的子串识别方法:

     indexOf()(ES5方法):判断字符串a是否在包含在字符串b里,如果包含返回的是字符串a在字符串b里的索引,不包含返回-1;

     ES6新增方法:

includes(str , index):在字符串中检测到指定文本,返回true,否则返回false;

                                           str----需要解锁的子字符串,index----开始匹配的索引位置。

let a = "abcdef";
if(a.includes("abc")){
    console.log("匹配成功")
}
//true

startsWith(str , index):在字符串起始部分检测到该指定文本,返回true,否则返回false;

let a = "abcde";
if(a.startWith("abc")){
    console.log("在起始位置")
}
//true

endsWith(str , index):在字符串结束部分检测到该指定文本,返回true,否则返回false;

let a = "abcde";
if(a.endsWith("cde")){
    console.log("在末尾位置")
}
//true

repeat(number):接受一个数字类型的参数,返回一个重复N次的新字符串;

let a = "1";
console.log(a.repeat(5))
//"11111"

模板字符串:

在ES5中经常会用到字符串拼接,稍微复杂点的场景一不小心就会拼错;ES6中对字符串进行了升级----反撇号;

let str = `abc`;

如果想在模板字符串中使用反撇号需要转义符:

let str = `ab\`c`;
console.log(str)//ab`c

支持换行:

let str = `<div>
                <p>吕星辰</p>
            </div>`;
console.log(str);

在模板字符串中插入变量:

let a = "edg";
let b = `rng和${a}`;
console.log(b)//rng和edg

猜你喜欢

转载自blog.csdn.net/qq_42778001/article/details/92760156
今日推荐