你不知道的字符串提取技巧：如何获取最后一个斜杠后面的内容

原创已于 2025-06-09 15:57:42 修改 · 6.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue

于 2021-10-29 09:13:37 首次发布

JS 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript的lastIndexOf()和substring()方法从字符串中准确获取最后一个斜杠后的内容，通过实例演示了在处理文件路径和URL时的实践操作，帮助读者提高字符串处理效率。

前言

在我们的日常生活中，经常会遇到需要从一个字符串中获取特定内容的情况。比如说，你可能需要从一个文件路径中获取文件名，或者从一个 URL 中获取域名。我将会分享一些关于如何获取字符串中最后一个斜杠后面的内容的实用技巧，希望能够帮助大家更好地解决这个问题。

问题如下：

在这里插入图片描述

解决办法

lastIndexOf()方法 + substring() 方法

实例

let urlStr = this.lintind.wxsp;//"this.lintind.wxsp"接口返回的数据
let index = urlStr.lastIndexOf('\/');//lastIndexOf()方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索
urlStr = urlStr.substring(index + 1, urlStr.length);//substring() 方法用于提取字符串中介于两个指定下标之间的字符
this.fileList3 = [{    //图片赋值回显
  url: this.lintind.wxsp,
  name: urlStr,//将截取后的数据赋值给name
}];