JavaScript中ES6字符串扩展方法

 更新时间:2016年08月26日 11:49:17   作者:不一样的追寻着  
这篇文章主要介绍了JavaScript中ES6字符串扩展方法的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧

es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法;

includes 搜索字符的神器

还记得我们之前如何判断某个字符串对象是否包含特地字符的吗?

var str='google';
if(str.indexOf('o')>-1){
console.log('yes');
}else{
console.log('no');
}

indexOf本来只是一个获取字符对应位置的方法,因为找到不到会返回-1这个值,就成了判断是否包含的方法,includes则就是判断是否包含的直接返回布尔值;

let str='google';
if(str.includes('o')){
console.log('yes');
}else{
console.log('no');
}

这样更符合语义化,indexOf就是负责获取位置,includes负责判断包含关系;

startsWith ,endsWith 轻松定首尾

startsWith用于判断是否位于头部,endsWith判断是否位于尾部,可以说这两个方法是includes方法的扩展;

let str='google';
console.log(str.startsWith('g')); //true
console.log(str.endsWith('e')); //true 

repeat 懒人福利

顾名思义,这个方法就是可以获取字符串重复N次后的方法;

let str='google';
console.log(str.repeat(3)); //googlegooglegoogle

repeat方法接受一个数字类型的参数,可以是正式也可以是小数,如果是浮点型会自动调用Math.floor方法转为整型;

let str='google';
console.log(str.repeat(3.5)); //googlegooglegoogle
console.log(str.repeat(Math.floor(3.5)));//googlegooglegoogle

参数可以为0这样就会返回一个空字符串,但是不能为负数,否则会报错;

let str='google';
console.log(str.repeat(0)); //''
console.log(str.repeat(-3.5));//RangeError: Invalid count value

padStart,padEnd 缺啥补啥

这两个方法其实是ES7标准下扩展的方法,作用就是自动补全;

let str='goo';<br>    str.padStart(5, 'le') // 'legoo'
str.padStart(4, 'le') // 'lgoo'
str.padEnd(5, 'le') // 'goole'
str.padEnd(4, 'le') // 'gool'

这两个方法类似都是接受两个参数,第一个是补全的长度,第二个是要补充的内容,由于是es7标准的方法,现在浏览器还不能直接运行,可以尝试借助babel运行;

以上所述是小编给大家介绍的JavaScript中ES6字符串扩展方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • js的各种排序算法实现(总结)

    js的各种排序算法实现(总结)

    下面小编就为大家带来一篇js的各种排序算法实现(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JS实现百度网盘任意文件强制下载功能

    JS实现百度网盘任意文件强制下载功能

    这篇文章主要介绍了JS实现百度网盘任意文件强制下载 ,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • iscroll.js滚动加载实例详解

    iscroll.js滚动加载实例详解

    这篇文章主要为大家详细介绍了iscroll.js滚动加载实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Javascript中3个需要注意的运算符

    Javascript中3个需要注意的运算符

    这篇文章主要介绍了Javascript中3个需要注意的运算符,这3个运算符的使用有很多需要注意的地方和有意思的地方,需要的朋友可以参考下
    2015-04-04
  • 小程序实现计时器小功能

    小程序实现计时器小功能

    这篇文章主要为大家详细介绍了小程序实现计时器小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • 如何在JavaScript实现Blob文件流下载

    如何在JavaScript实现Blob文件流下载

    在JavaScript中可以使用浏览器提供的Blob对象和URL.createObjectURL()方法来实现文件流下载,这篇文章主要给大家介绍了关于如何在JavaScript实现Blob文件流下载的相关资料,需要的朋友可以参考下
    2024-05-05
  • js中的eventType事件及其浏览器支持性介绍

    js中的eventType事件及其浏览器支持性介绍

    js中的eventType事件想必大家都不陌生吧,下面为大家详细介绍下一般的事情及浏览器支持性,感兴趣的朋友可以参考下
    2013-11-11
  • Javascript如何判断数据类型和数组类型

    Javascript如何判断数据类型和数组类型

    这篇文章主要介绍Javascript如何判断数据类型和数组类型,通俗易懂,需要的朋友可以参考下。
    2016-06-06
  • UserData用法总结 lanyu出品

    UserData用法总结 lanyu出品

    前一段做音乐和链接保存项目时用到了UserData,现在上线后效果不错,就把UserData的一些用法总结出来,大家一同分享。
    2010-07-07
  • js实现复制功能(多种方法集合)

    js实现复制功能(多种方法集合)

    这篇文章主要介绍了js实现复制功能(多种方法集合),需要的朋友可以参考下
    2018-01-01

最新评论