在javascript中使用String.startswith和String.endsWidth

一、String.startswith 和 String.endsWidth 功能介绍

  String.startswith:接受一个参数,参数是要检索的字符串。判断当前字符串是否以另一个字符串作为开头。

  String.endsWidth:接受一个参数,参数是要检索的字符串。判断当前字符串是否以另一个字符串结尾。

  例如: 

  1. var result = "abcd".startsWith("ab");
  2. console.log("result:",result);// true
  3.  
  4. var result1 = "abcd".startsWith("bc");
  5. console.log("result1:",result1);// false
  6.  
  7. var result2 = "abcd".endsWith("cd");
  8. console.log("result2:",result2); // true
  9.  
  10. var result3 = "abcd".endsWith("e");
  11. console.log("result3:",result3);// false
  12.  
  13. var result4 = "a".startsWith("a");
  14. console.log("result4:",result4);// true
  15.  
  16. var result5 = "a".endsWith("a");
  17. console.log("result5:",result5);// true

  运行结果

    

  注意:

    Javascript中没有自带这两个方法,要想使用可以可以自定义,代码如下:

      ① startsWidth:

  1. if (typeof String.prototype.startsWith != 'function') {
  2. //在引用类型的原型链上添加这个方法,只需要添加一次,因此进行判断
  3. String.prototype.startsWith = function (prefix){
  4. return this.slice(0, prefix.length) === prefix;
  5. };
  6. }

      ② endsWidth:

  1. if (typeof String.prototype.endsWith != 'function') {
  2. String.prototype.endsWith = function(suffix) {
  3. return this.indexOf(suffix, this.length - suffix.length) !== -1;
  4. };
  5. }

二、es6中的

  String.startswith 和 String.endsWidth 功能介绍

    String.startswidth:接收两个参数,第一个参数为检索的值,第二个参数为检索的起始位置(可选),返回布尔值

      String.endsWidth:接收两个参数,第一个参数为检索的值,第二个参数为检索的起始位置(可选),返回布尔值

    例如: 

  1. let s = 'Hello world!';
  2.  
  3. const [a, b, c] = [
  4. s.startsWith('Hello', 2),
  5. s.endsWith('!'),
  6. s.includes('o w')
  7. ];
  8.  
  9. console.log(a, b, c); // false true true

    运行结果:

      

    

javascript中startswith和endsWidth 与 es6中的 startswith 和 endsWidth的更多相关文章

  1. 深入理解 JavaScript 异步系列(3)—— ES6 中的 Promise

    第一部分,Promise 加入 ES6 标准 原文地址 http://www.cnblogs.com/wangfupeng1988/p/6515855.html 未经作者允许不得转载! 从 jquer ...

  2. 如何在webpack开发中利用vue框架使用ES6中提供的新语法

    在webpack中开发,会遇到一大推问题,特别是babel6升级到babel7,要跟新一大推插件,而对于安装babel的功能就是在webpack开发中,vue中能够是用ES6的新特性: 例如ES6中的 ...

  3. es5中的for in 与es6中的for of的用法与区别

    for in 用与循环遍历对象中的属性键值 for of用于循环遍历出数组中的属性值 for in 也可以遍历数组,但是局限是他会把数组的其他属性键值也会遍历出,例如给数组添加一个属性arr.name ...

  4. JavaScript学习系列5 ---ES6中的var, let 和const

    我们都知道JavaScript中的var,在本系列的 JavaScript学习系列2一JavaScript中的变量作用域 中,我们详细阐述了var声明的变量的作用域 文章中提到,JavaScript中 ...

  5. 【前端】【javascript】es6中的遍历器接口Iterator

    好久没发文章啦-.-为了证明我还活着,我决定从笔记里面抓一篇还算不乱比较像文章的发出来... 这些笔记是我在学es6的时候断断续续记录的,最近会一份一份整理陆陆续续发出来,顺便也自己再看一遍.我学习e ...

  6. JavaScript ES6中export及export default的区别

    相信很多人都使用过export.export default.import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量.函 ...

  7. JavaScript ES6中export及export default的区别以及import的用法

    本文原创地址链接:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632,未经博主允许不得转载. 相信很多人都使用过export.e ...

  8. JavaScript ES6中,export与export default

    自述: 本来是对new Vue()和export default比较懵的,查了一下,发现我理解错了两者的关系,也没意识到export与export default的区别,先简单的记录一下基本概念,后续 ...

  9. 前端知识体系:JavaScript基础-原型和原型链-理解 es6 中class构造以及继承的底层实现原理

    理解 es6 中class构造以及继承的底层实现原理 原文链接:https://blog.csdn.net/qq_34149805/article/details/86105123 1.ES6 cla ...

随机推荐

  1. RichText 富文本开源项目总结

    在Android开发中,我们不免会遇到富文本的编辑和展示的需求,以下是本人之前star的富文本编辑器的开源项目,供大家参考: 一.RichEditor 开源项目地址:https://github.co ...

  2. MySQL如何使用索引

    初始化测试数据 创建一个测试用的表 create table dept(id int primary key auto_increment , deptName varchar(32) not nul ...

  3. 微信小程序 - 相对定位和绝对定位 - 相对路径和绝对路径

    微信小程序 - 相对定位和绝对定位 相对定位relative,绝对定位absolute 相对定位:元素是相对自身进行定位,参照物是自己. 绝对定位:元素是相对离它最近的一个父级元素进行定位. 相对定位 ...

  4. 高数复习--什么是DCT

    离散余弦变换(英语:discrete cosine transform, DCT)是与傅里叶变换相关的一种变换,类似于离散傅里叶变换,但是只使用实数.离散余弦变换相当于一个长度大概是它两倍的离散傅里叶 ...

  5. springMVC(2)---获取前段数据

    springMVC(1)---获取前段数据 首先说明,如果你学过Struts2,那么在学springMVC就会简单很多,我也不最基础的开始写了,我前篇文章搭建了个ssm框架,算是springmvc入门 ...

  6. Python实现随机漫步

    随机漫步生成是无规则的,是系统自行选择的结果.根据设定的规则自定生成,上下左右的方位,每次所经过的方向路径. 首先,创建一个RandomWalk()类和fill_walk()函数 random_wal ...

  7. mysql 开发进阶篇系列 43 逻辑备份与恢复(mysqldump 的基于时间和位置的不完全恢复)

    一. 概述 在上篇讲到了逻辑备份,使用mysqldump工具来备份一个库,并使用完全恢复还原了数据库.在结尾也讲到了误操作是不能用完全恢复的.解决办法是:我们需要恢复到误操作之前的状态,然后跳过误操作 ...

  8. mysql 开发进阶篇系列 20 MySQL Server(innodb_lock_wait_timeout,innodb_support_xa,innodb _log_*)

    1. innodb_lock_wait_timeout mysql 可以自动监测行锁导致的死锁并进行相应的处理,但是对于表锁导致的死锁不能自动监测,所以该参数主要用于,出现类似情况的时候等待指定的时间 ...

  9. web.xml配置web中的key points(下)

    一.配置jsp页面 [jsp-config]中有两个子元素[taglib][jsp-property-group],注意,前者必须出现在后者之前. ①[taglib]替代jsp页面中taglib指令 ...

  10. 【杂谈】tocmat是何时写回响应数据报的

    疑问的产生 这个疑问是我在写文件下载的时候产生的,我是用HttpServletResponse获取到Outputstream,然后利用OutputStream直接写数据的.当时我就想这个OutputS ...