ES6: 字符串扩展

模板字符串

  1. 使用反引号(esc下面按键) 来定义的字符串就是模板字符串
  2. 使用反引号定义字符串时, 字符串中可以忽略单双引号的嵌套问题
  3. 在模板字符串中 要输入(使用)变量时, 使用: ${ 变量名 } 这种形式

扩展的方法

1. includes():

  • 说明: includes() 用来判断一个字符串中 是否 包含 另一个字符串
  • 语法: str.includes(char); >> 判断 str 中 是否包含 char, 包含返回true, 否则返回false

2. startsWith() / endWith():

  • 说明: 判断一个字符串是否 是以 另一个字符串 开始/结束
  • 语法: str.startsWith(char) / str.endsWith(char); >> 是返回 true, 否则返回 false

3. padStart() / padEnd():

  • 说明: 当定义的字符串长度不够时, 使用指定的字符串 填充到 字符串的前面 / 后面

  • 参数:

    • 参数 1: 要设置的字符串长度
    • 参数 2: 当声明的字符串长度小于(参数1)要设置的字符串长度时, 要进行填充的字符串
  • 返回值: 返回最终填充完毕的字符串

  • 示例:

    let str = 'abc';
    let char = '-';
    let otherChar = 'xyz';
    str.padStart(7, char);  //  =>  ----abc
    str.padEnd(5, otherChar);  //  => abcxy   z不会被添加, 因为 参数1长度为 5
    

4. charAt():

  • 说明: 该方法返回 指定位置的 字符串;

  • 参数: 必选参数, 字符串的索引值, 就是某个字符在当前字符串中的下标;

  • 注意: 如果 参数index 大于 字符串的长度 length-1, 那么会返回一个 空字符串

  • 示例:

    const $chars =  'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
    const maxPos = $chars.length;
    let str = '';
    for (let i = 0; i < len; i++) {
        /** 生成一个 长度为32 的 随机字符串 */
        str += $chars.charAt(Math.floor(Math.random() * maxPos));
    }
    console.log(str);
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6加强了对Unicode的支持,并扩展了字符串的 对象 1. 字符的Unicode表示法 js允许用\uxxx...
    Xu涵阅读 1,514评论 0 0
  • 1、对Unicode 的支持:codePointAt()、fromCodePoint()在ES5中,我们经常使用c...
    贵在随心阅读 5,863评论 0 1
  • ES5的实例方法 ES6 字符串扩展方法 1,字符的Unicode表示法 (略)2,codePointAt() ...
    sponing阅读 3,073评论 0 0
  • 郑重翻开朋友送我的新年日历笔记,终于可以认真着笔…… 掀开首页“近年大事记”,思忖从哪儿写起:我...
    箫音声声阅读 4,258评论 0 5
  • 很多人觉得这是一部讲文化消亡的电影,当然是了,文化当事人是看不起这种文化消亡的,更别说唢呐了,你关注物种消亡的比重...
    风古一阅读 2,415评论 0 0