全面感知ES6（2）字符串的扩展

ES6中字符串的扩展

最近不知道那个公司的那个面试官问起了这样一个面试题，

请说出20个字符串的方法，少一个就算错，

然后各大公司纷纷模仿了起来。

然后我就很恐慌，已经离开学校那么久了，那些字符串的方法，数组的方法早就忘完了，

没办法，只能从新记啊！

整理的字符串比较常用和凑数量的方法，代码如下：

/*

字符串方法：

charAt:返回指定索引位置的字符

charCodeAt:返回指定索引位置字符的 Unicode 值

formCharCode:将 Unicode 转换为字符串

* slice:提取字符串的片断，并在新的字符串中返回·被提取的部分

* substring:提取字符串中两个指定的索引号之间的字符(包头不包尾)

* substr:包头也包尾

* search：搜索字符串中的字符串首次出现位置，返回的是字符串所对应的索引

* match：搜索字符串中指定的字符串的值；返回字符串

* replace：用一些字符替换另一些字符

* split：把字符串分割为子字符串数组

* indexOf：返回字符串中检索指定字符第一次出现的位置

lastIndexOf：返回字符串中检索指定字符最后一次出现的位置

includes: 有这个需要搜索的内容返回true没有返回false

toLowerCase：变成小写

toUpperCase：变成大写

trim：移除字符串首尾空白

trimLeft：移除首字符串空白

trimRight：移除尾字符串空白

padStart:在开始位置填充

padEnd:在尾部位置开始填充

concat:连接两个或多个字符串，返回连接后的字符串

small将数据用一个small标签包起来

anchor将数据用一个b标签包起来

bold将数据用一个a标签包起来

strike将数据用一个strike标签包起来

big将数据用一个big标签包起来

repeat

方法返回一个新字符串，表示将原字符串重复n次

startsWith

判断字符串是否以某个字符串开头，是的话，返回true，否则返回false

endsWitch

判断字符串是否以某个字符串结尾，是的话，返回true，否则返回false

*/

一些不常见也不常用的字符串方法的使用：

    

    let srt = "abc"

console.log(srt.padStart(9))// abc

console.log(srt.padStart(9, 's'))// ssssssabc

console.log(srt.includes('dafasddasdada'));// false

console.log(srt.small());// <small>abc</small>

console.log(srt.bold());// <b>abc</b>

console.log(srt.anchor('llll'));// <a name="llll">abc</a>

console.log(srt.strike());// <strike>abc</strike>

console.log(srt.big());// <big>abc</big>

和一个突发奇想的小demo

    

    let templateStr = "本人今天心情{{xinqing}}，买了一个{{xuegao}},花了{{money}}块钱。";

let data = {

xinqing: "很不错",

xuegao: "可爱多",

money: 3

};

let content = templateStr.replace(/\{\{(\w+)\}\}/g, function (match, $1) {

return data[$1];

})

console.log(content);

    //本人今天心情很不错，买了一个可爱多,花了3块钱。

然后我们回归正题，

在ES6中有那些新增的字符串模板呢和之前的相比又有那些优点呢？

/*

ES6新增的字符串模板

把字符串放在一对反引号里面 ``

优点:

1.随便折行

2.直接在字符串里面放变量、

${变量}

双引号的缺点：

1.不能折行

2.添加数据需要大量的拼接

*/

老规矩，直接上代码：

    

   let x = 100;

let srt2 = `dafagaggagagasdgasdg${x}

afdfafaasdfasdfasdfasdfasd

sdfasdfsadfasdfasdf`;

console.log(srt2);

    //  dafagaggagagasdgasdg100
        afdfafaasdfasdfasdfasdfasd
        sdfasdfsadfasdfasdf

    let srt3 = "asdfasnfsadfasf" +

"sdfgasfa" + x + "sdafasdfasf" +

"fadfsafasfasf";

console.log(srt3);

    //asdfasnfsadfasfsdfgasfa100sdafasdfasffadfsafasfasf

嗯，``号是不是比双引号方便多了。

关于ES6的字符串的扩展我能分享给大家大概就是这么多了，

如果上述代码有错误和不足，请评论或私信，我好及时改正。