当前位置:首页 > JavaScript

JS实现文本的删除

2026-04-04 20:31:24JavaScript

使用 substring 方法删除部分文本

substring 方法可以从字符串中提取指定范围的字符,通过拼接可以间接实现删除效果。

let str = "Hello World";
let newStr = str.substring(0, 5) + str.substring(6); // 删除索引5的字符(空格)
console.log(newStr); // 输出 "HelloWorld"

使用 slice 方法删除文本

slicesubstring 类似,支持负数索引,适合从字符串末尾删除字符。

let str = "Hello World";
let newStr = str.slice(0, -6); // 删除最后6个字符
console.log(newStr); // 输出 "Hello"

使用 replace 方法替换或删除文本

通过正则表达式或固定字符串匹配,将目标内容替换为空字符串。

let str = "Hello World";
let newStr = str.replace(" World", ""); // 删除 " World"
console.log(newStr); // 输出 "Hello"

使用 splitjoin 组合删除

通过拆分字符串为数组,过滤不需要的部分后重新拼接。

let str = "apple,banana,orange";
let newStr = str.split(",").filter(item => item !== "banana").join(",");
console.log(newStr); // 输出 "apple,orange"

删除字符串首尾空格(trim

使用 trim 系列方法去除首尾空白字符。

let str = "   Hello   ";
let newStr = str.trim(); // 删除首尾空格
console.log(newStr); // 输出 "Hello"

删除HTML标签(正则表达式)

通过正则匹配移除字符串中的HTML标签。

JS实现文本的删除

let htmlStr = "<p>Hello <b>World</b></p>";
let textOnly = htmlStr.replace(/<[^>]*>/g, "");
console.log(textOnly); // 输出 "Hello World"

标签: 文本JS
分享给朋友:

相关文章

vue实现文本复制

vue实现文本复制

Vue 实现文本复制的方法 在 Vue 项目中实现文本复制功能,可以通过以下几种方式实现: 使用 document.execCommand 这种方法兼容性较好,但已逐渐被现代 API 取代。…

vue实现文本换行

vue实现文本换行

使用 white-space CSS 属性 通过 CSS 的 white-space 属性控制文本换行行为。设置为 pre-line 或 pre-wrap 可保留换行符并自动换行。 .text-…

使用react-quill如何获取文本

使用react-quill如何获取文本

获取 React-Quill 编辑器文本内容 使用 react-quill 获取编辑器中的文本内容可以通过以下几种方法实现: 方法一:通过 onChange 事件获取 在组件中绑定 onChang…

css 文本制作

css 文本制作

基础文本样式设置 使用 font-family 定义字体,font-size 调整字号,color 设置文字颜色。例如: .text-example { font-family: 'Arial'…

css文本制作

css文本制作

使用CSS设置文本样式 字体属性 通过font-family可以指定文本字体,支持多个备选字体。font-size控制文字大小,单位可以是px、em或rem。font-weight调整粗细,取值范围1…

js实现富文本编辑器

js实现富文本编辑器

使用 contenteditable 属性实现基础富文本编辑器 通过 HTML 的 contenteditable 属性可以让元素变为可编辑状态,这是实现富文本编辑器的基础。 <div i…