JS去掉字符串末尾的标点符号及删除最后一个字符的方法

下面是完整攻略:

方法一:使用正则表达式

我们可以使用正则表达式来匹配并删除字符串末尾的标点符号。具体步骤如下:

  1. 使用replace()方法来替换匹配到的最后一个标点符号。
  2. 为了匹配到字符串末尾的标点符号,可以使用正则表达式/[^\w\s]|_$/。该正则表达式可以匹配除字母、数字、下划线、空格以外的任何字符,或者任务末尾的下划线。
  3. 使用字符串方法slice()来删除最后一个字符。

示例1:

let str = "Hello World!,";
str = str.replace(/[^\w\s]|_$/g, "");
console.log(str); // 输出:Hello World

示例2:

let str = "!注:仅供参考-";
str = str.replace(/[^\w\s]|_$/g, "");
console.log(str); // 输出:注:仅供参考

方法二:使用字符串方法

我们可以使用字符串方法来删除最后一个字符,从而达到删除字符串末尾的标点符号的效果。步骤如下:

  1. 使用字符串方法substring()来定位到倒数第二个字符。
  2. 如果最后一个字符是标点符号,则删除前面定位到的字符。

示例1:

let str = "Hello World!";
if(/[^\w\s]|_$/.test(str.charAt(str.length - 1))) {
  str = str.substring(0, str.length - 1);
}
console.log(str); // 输出:Hello World

示例2:

let str = "Hello, World!";
if(/[^\w\s]|_$/.test(str.charAt(str.length - 1))) {
  str = str.substring(0, str.length - 1);
}
console.log(str); // 输出:Hello, World

希望这份攻略能够对您有所帮助!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS去掉字符串末尾的标点符号及删除最后一个字符的方法 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • vue文件运行的方法教学

    下面是关于vue文件运行的方法教学的完整攻略。 什么是Vue文件 Vue文件是基于Vue框架搭建的Vue项目的组成文件之一。它是一个单文件组件,结合HTML、CSS、JavaScript等多种语言的代码,用于实现Vue组件的功能。 Vue文件的基本结构如下: <template> <!–模板代码–> </template&g…

    Vue 2023年5月28日
    00
  • vue-cli+webpack记事本项目创建

    下面是“vue-cli+webpack记事本项目创建”的完整攻略: 一、前置条件 在开始构建项目之前,请确保已经安装以下软件: Node.js: 版本>=8,用于运行vue-cli。 npm: Node.js自带的包管理工具。 二、创建vue-cli项目 打开命令行工具,输入以下命令安装vue-cli: npm install -g vue-cli 使…

    Vue 2023年5月29日
    00
  • Python3.10接入ChatGPT实现逐句回答流式返回

    下面是详细的攻略: 1. 概述 ChatGPT是一个基于深度学习技术的自然语言处理工具,可以进行对话生成、文本摘要等任务。而Python 3.10是Python编程语言的最新版本,有很多新增功能和改进。本教程将介绍如何使用Python 3.10接入ChatGPT,实现逐句回答并流式返回。 2. 准备工作 在开始之前,需要进行以下准备工作: 2.1 安装Pyt…

    Vue 2023年5月28日
    00
  • Vue封装–如何将数字转换成万

    下面是“Vue封装–如何将数字转换成万”的攻略: 一、问题描述 有时候我们需要将一些数据进行格式化,比如将一些较大的数字转换成“万”表示,以增强数据阅读的易读性。那么在Vue中,我们怎么封装一个可以将数字自动转换成“万”表示的方法呢? 二、解决方案 在Vue中,我们可以通过封装一个公共组件的方式来实现此功能。具体实现方式如下: 1. 创建一个公共组件 在V…

    Vue 2023年5月27日
    00
  • 对Vue.js之事件的绑定(v-on: 或者 @ )详解

    当使用Vue.js开发web应用时,事件处理非常重要。Vue.js提供了一种非常方便的方式来处理事件,可以使用v-on指令(也可以简写为@)来绑定各种事件。 v-on指令(@) v-on可以绑定DOM元素的原生事件,例如click、keyup、submit等: <button v-on:click="handleClick">…

    Vue 2023年5月28日
    00
  • vue集成kindeditor富文本的实现示例代码

    下面详细讲解一下“Vue集成KindEditor富文本的实现示例代码”的完整攻略: 1. 安装KindEditor 首先,我们需要在项目中安装KindEditor,可以通过以下命令进行安装: npm install @xdhuxc/kindeditor –save 2. 在main.js中引入和配置KindEditor 在main.js文件中引入KindE…

    Vue 2023年5月27日
    00
  • 如何用webpack4带你实现一个vue的打包的项目

    下面是如何用webpack4带你实现一个vue的打包的项目的完整攻略。 一、安装和配置webpack 首先安装webpack和webpack-cli依赖: npm install webpack webpack-cli –save-dev 然后在项目根目录下创建webpack.config.js文件,并写入如下配置: module.exports = { …

    Vue 2023年5月28日
    00
  • Vue路由前后端设计总结

    我来详细讲解一下“Vue路由前后端设计总结”的完整攻略。 一、Vue路由前后端设计总结 本文将介绍如何设计Vue项目的前后端路由,以满足不同页面、不同用户身份不同的访问权限,分为以下几个步骤。 定义路由:编写前端路由文件和后端接口文件; 路由守卫:定义全局路由守卫,并在需要的路由中添加局部路由守卫; 前后端交互:前端调用后端接口,获取用户权限信息; 权限校验…

    Vue 2023年5月29日
    00
合作推广
合作推广
分享本页
返回顶部