当前位置:首页 > JavaScript

js实现enfwith

2026-01-31 18:19:09JavaScript

在JavaScript中实现endsWith功能可以通过多种方式完成,包括使用原生字符串方法或自定义实现。以下是几种常见方法:

使用原生String.prototype.endsWith方法

ES6引入了原生方法String.prototype.endsWith,可直接判断字符串是否以指定子串结尾:

const str = 'Hello, world!';
console.log(str.endsWith('world!')); // true
console.log(str.endsWith('Hello')); // false

自定义实现endsWith

若需兼容旧环境或自定义逻辑,可通过以下方式实现:

function endsWith(str, searchStr, position) {
  if (position === undefined || position > str.length) {
    position = str.length;
  }
  return str.substring(position - searchStr.length, position) === searchStr;
}

console.log(endsWith('Hello, world!', 'world!')); // true

使用正则表达式

通过正则匹配字符串末尾模式:

function endsWithRegex(str, searchStr) {
  const regex = new RegExp(searchStr + '$');
  return regex.test(str);
}

console.log(endsWithRegex('Hello, world!', 'world!')); // true

性能注意事项

  • 原生endsWith性能最优,优先使用。
  • 自定义实现时注意处理position参数,避免越界。
  • 正则表达式适用于复杂匹配,但简单场景可能过度。

以上方法可根据实际需求选择,原生API为推荐方案。

js实现enfwith

标签: jsenfwith
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在H…