美文网首页1024
6.ES6字符串的扩展

6.ES6字符串的扩展

作者: 圆梦人生 | 来源:发表于2018-07-06 16:05 被阅读43次

ES6对字符串进行了扩展:

1、includes():返回布尔值,表示是否找到了参数字符串
2、startsWith():返回布尔值,表示参数字符串是否在原字符串的头部
3、endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部
4、repeat方法返回一个新字符串,表示将原字符串重复n次。
5、模板字符串

案例:

  // includes():返回布尔值,表示是否找到了参数字符串
  // startsWith():返回布尔值,表示参数字符串是否在原字符串的头部
  // endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部
  //
  let strst = "hellow word";
  console.log('hellow == '+ strst.startsWith('hellow', 1)); // 指定从索引开始(false)
  console.log('hellow == '+ strst.startsWith('hellow')); // true
  console.log('word == ' + strst.endsWith('word')); // true,从后检索
  console.log('includes == ' + strst.includes("o")); //true

  // repeat方法返回一个新字符串,表示将原字符串重复n次。
  console.log('x == %s', 'x'.repeat(3)); // xxx
  console.log('hello == %s', 'hello '.repeat(2)); // hello hello
  console.log('abc == %s', 'abc'.repeat(0)); // 空
  console.log('abc == %s', 'abc'.repeat(1.5)); // 小数取整
  //console.log('abc == %s', 'abc'.repeat(-1)); // Invalid count value

  // 如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全
  console.log('x == %s', "x1".padStart(5, '12')); // 不够5位前面补充12, 结果:121x1
  console.log('x == %s', "x1".padEnd(5, '12')); // 不够5位后面补充12, 结果:x1121
  // 用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串
  console.log('abc == %s', "abc".padStart(5, 123456789)); // 12abc
  // 如果第二个参数省略则是挂到全局
  console.log(' abc == %s', "abc".padStart(5)); //    abc

  // 模板字符串
  let htmlstr = '这是一段文字,马上要`\n`换行`<br/>`了'
  console.log(htmlstr); //
  let name = 'zs', title = 'lisi'
  console.log(`name ==  ${name}, title ==  ${title}`); // name ==  zs, title ==  lisi

   // alert `123`

相关文章

  • 6.ES6字符串的扩展

    ES6对字符串进行了扩展: 1、includes():返回布尔值,表示是否找到了参数字符串2、startsWith...

  • ES6扩展

    字符串扩展 正则扩展 数值扩展 函数扩展 对象扩展 数组扩展 字符串扩展 模版字符串 部分新的方法 padStar...

  • 2017-12-26es6-函数扩展

    扩展 1、字符串扩展 2、模板字符串 **** 3、数值扩展 4、函数扩展用于分页居多 rest 参数 ...变量...

  • ES6扩展

    字符串的扩展正则的扩展数值的扩展数组的扩展函数的扩展对象的扩展

  • Vue项目开发与规范--es6语法规范篇

    目录 简介 let const 解构赋值 正则的扩展 字符串的扩展 数值的扩展 数组的扩展 函数的扩展 对象的扩展...

  • JS基础系列(X): ES6入门

    字符串扩展 模板字符串模板字符串可以很方便的代替ES5字符串拼接,格式如下: 代码示例 API 函数扩展 函数默认...

  • ECMAScript 6 新增内容

    变量的扩展letconst变量的结构 字符串的扩展及新增方法模板字符串 (`${}`)matchAll 方法返回一...

  • ES6基础-ES6的扩展

    进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, A...

  • 十五、字符串转数字

    字符串转数组 字符串 *待扩展:传递与复制扩展 函数式编程和改变原始数据的编程方法

  • 字符串、数组、函数、对象

    字符串 多行字符串 字符串模板 数组 扩展 函数参数的扩展 类数组对象转数组 函数 默认值 以下两种写法的区别? ...

网友评论

    本文标题:6.ES6字符串的扩展

    本文链接:https://www.haomeiwen.com/subject/pxkbuftx.html