前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6 新增了哪些字符串处理方法

ES6 新增了哪些字符串处理方法

作者头像
公众号---人生代码
发布2021-01-27 15:29:25
3800
发布2021-01-27 15:29:25
举报
文章被收录于专栏:人生代码人生代码

ES6 新增了哪些字符串处理方法

我们都知道在 ES6 之前,我们只能使用 indexOf 来判断字符串是否存在某个字符,现在 ES6 多出了几个比较常用的方法:

  • includes():返回布尔值,判断是否找到参数字符串。
  • startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
  • endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
代码语言:javascript
复制
let str = "Ken,KenNaNa,haha"
str.includes("Ken");     // true
str.startsWith("Ken");    // true
str.endsWith("Ken");      // false
str.startsWith("Ken",6)  // false

字符串补全

  • padStart:返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
  • padEnd:返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。

比较常用的,应该就是使用 padStart

代码语言:javascript
复制
console.log("123".padStart(10,"0"));  // "0000000123"

模板字符串

模板字符串相当于加强版的字符串,用反引号 `, 除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。

普通用法

代码语言:javascript
复制
let string = `Hello'\n'world`;
console.log(string); 
// "Hello'
// 'world"

多行字符串

代码语言:javascript
复制
let string1 =  `Hey,
can you stop angry now?`;
console.log(string1);
// Hey,
// can you stop angry now?

字符串插入变量和表达式

变量名写在 \{} 中,{} 中可以放入 JavaScript 表达式。

代码语言:javascript
复制
let name = "Mike";
let age = 27;
let info = `My Name is ${name},I am ${age+1} years old next year.`
console.log(info);
// My Name is Mike,I am 28 years old next year.

字符串中调用函数

代码语言:javascript
复制
function f(){
  return "have fun!";
}
let string2= `Game start,${f()}`;
console.log(string2);  // Game start,have fun!
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-01-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 CryptoCode 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • ES6 新增了哪些字符串处理方法
  • 字符串补全
  • 模板字符串
    • 普通用法
      • 多行字符串
        • 字符串插入变量和表达式
          • 字符串中调用函数
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档