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

ES6第三天学习字符串扩展

程序员文章站 2022-05-19 13:15:43
...
一、ES6对那些做了扩展
  • 字符串扩展
  • 正则扩展
  • 数值扩展
  • 函数扩展
  • 对象扩展
  • 数组扩展
二、字符串的扩展
2.1、模板字符串
  • 什么是模板字符串
    —用左上角的esc下面的`
    • 模板字符串的用法
const 小明={
name:'小名',
age:14,
say1:function(){
console.log('我叫'+this.name+',我今年'+'this.age'+'岁');
},
say2:function(){//可以嵌套`${`  Mr.${}`}`
console.log('`我叫${this.name},我今年${this.age'}岁`);
}
}
2.2、部分新的方法
  • padStart:给字符串补全个数,位置是在前面补
    ----两个参数:第一个是要补全到的个数,第二个是补什么
    ----返回补全的字符串

字符串.padStart(数字,字符串)

{
let str='i';
let str1=str.padStart(5,'mooc');
console.log(str1)
}
  • padEnd:给字符串补全个数,位置是在后面补
    ----两个参数:第一个是要补全到的个数,第二个是补什么
    ----返回补全的字符串

字符串.padEnd(数字,字符串)

  • repeat:作用是重复字符串:数字必须是大于0

要重复的字符串.repeat(要重复的数字)
var str=repeat(‘s’,3);

----返回重复完的字符串

console.log(‘i’.repeat(10));

下面是判断字符串是否存在什么,只是判断的位置不一样

  • startsWith:判断字符串是否以什么开始
  • endsWith:判断字符串是否以什么结束
  • includes:判断字符串是否以包含
<script type="text/javascript">
        var str="i can do it";
        console.log(str.startsWith('i'));//true
        console.log(str.endsWith('it'));//true
        console.log(str.includes('do'));//true
        console.log(str.startsWith('can'));//false
        console.log(str.endsWith('do'));//false
        console.log(str.includes(' d'));//true
{
const str='A promise is a promsie';
if(~str.indexOf('promise'))//>-1表示存在
{
console.log('存在');
}

}
    </script>
2.3、新的Unicode表示法和遍历方法
  • Unicode和UTF-16是什么两者的关系
  • Unicode:是一项标准,包括字符集,编码方案等
    \u{1f436}