当前位置:首页 > JavaScript

js实现endwith

2026-04-05 13:33:50JavaScript

实现 JavaScript 的 endsWith 方法

JavaScript 的 endsWith 方法用于检查字符串是否以指定的子字符串结尾。以下是几种实现方式:

使用原生 endsWith 方法

现代 JavaScript 已经原生支持 endsWith 方法:

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

手动实现 endsWith 功能

如果需要兼容旧版浏览器或自定义功能,可以手动实现:

function endsWith(str, suffix) {
    return str.indexOf(suffix, str.length - suffix.length) !== -1;
}

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

使用 substring 实现

另一种方式是使用 substring 来检查字符串的结尾部分:

function endsWith(str, suffix) {
    return str.substring(str.length - suffix.length) === suffix;
}

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

考虑大小写的实现

如果需要忽略大小写,可以转换为统一大小写后再比较:

function endsWith(str, suffix, ignoreCase = false) {
    if (ignoreCase) {
        str = str.toLowerCase();
        suffix = suffix.toLowerCase();
    }
    return str.substring(str.length - suffix.length) === suffix;
}

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

性能优化版本

对于长字符串,可以使用 lastIndexOf 来优化性能:

js实现endwith

function endsWith(str, suffix) {
    const lastIndex = str.lastIndexOf(suffix);
    return lastIndex !== -1 && lastIndex === str.length - suffix.length;
}

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

以上方法可以根据具体需求选择使用,原生 endsWith 方法是最简单高效的选择。

标签: jsendwith
分享给朋友:

相关文章

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含inpu…

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

js实现祖玛

js实现祖玛

实现祖玛游戏的核心思路 祖玛游戏的核心玩法是发射彩色珠子,形成三个或以上相同颜色的珠子即可消除。以下是使用JavaScript实现的基本框架。 游戏初始化 创建画布并初始化游戏状态: const…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…