欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6 字符串新增方法

程序员文章站 2022-03-08 22:50:22
...

字符串:

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

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

字符串的子串识别方法:

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

ES6 字符串新增方法

ES6 字符串新增方法

 

     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);

ES6 字符串新增方法

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

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