百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

TypeScript 实现去除字符串中的空格与不可见特殊符号

lipiwang 2025-04-06 17:55 17 浏览 0 评论

在 TypeScript 中,可以通过正则表达式来去除字符串中的空格和不可见的特殊符号(例如制表符 \t、换行符 \n、回车符 \r 等)。

方法一:

实现代码

function removeWhitespaceAndInvisibleChars(input: string): string {
    // 使用正则表达式匹配所有空白字符和不可见特殊符号
    return input.replace(/[\s\u200B-\u200D\uFEFF]/g, '');
}

// 测试用例
const testString = "Hello,\tWorld!\nThis is a test.\r\u200B\uFEFF";
const result = removeWhitespaceAndInvisibleChars(testString);

console.log("Original String:", JSON.stringify(testString));
console.log("Cleaned String:", JSON.stringify(result));

代码解析

正则表达式解释

  1. [\s]: 匹配所有的空白字符,包括空格、制表符 (\t)、换行符 (\n) 和回车符 (\r)。
  2. [\u200B-\u200D]: 匹配 Unicode 范围内的零宽空格字符(如零宽空格 \u200B、零宽非连接符 \u200C 等)。
  3. [\uFEFF]: 匹配字节顺序标记 (BOM),它是一种不可见的特殊字符。
  4. /g: 全局匹配标志,确保替换掉所有匹配到的字符。
  5. replace 方法 :
  6. input.replace() 方法会将所有匹配到的字符替换为空字符串 '',从而移除它们。

测试用例 :

1.输入字符串包含普通空格、制表符、换行符、回车符以及一些不可见的特殊字符。

2.输出结果中,所有这些字符都被移除,只保留了可见的普通字符。

假设输入字符串为 "Hello,\tWorld!\nThis is a test.\r\u200B\uFEFF",运行后输出如下:

Original String: "Hello,\tWorld!\nThis is a test.\r\u200B\uFEFF"
Cleaned String: "Hello,World!Thisisatest."

注意事项

  1. 如果需要保留某些特定的空格或特殊字符,可以调整正则表达式以排除这些字符。
  2. 此方法适用于大多数常见场景,但如果需要处理更复杂的 Unicode 字符集,可以根据需求进一步扩展正则表达式。

方法二

如果不使用正则表达式,我们可以通过遍历字符串并逐个检查字符的方式来实现去除空格和不可见的特殊符号。以下是一个不依赖正则表达式的 TypeScript 实现:

function removeWhitespaceAndInvisibleChars(input: string): string {
    let result = '';
    for (const char of input) {
        // 检查字符是否是空白字符或不可见特殊符号
        if (!isWhitespaceOrInvisible(char)) {
            result += char;
        }
    }
    return result;
}

function isWhitespaceOrInvisible(char: string): boolean {
    // 判断是否为空白字符或不可见特殊符号
    const code = char.charCodeAt(0);
    return (
        code === 32 || // 空格
        code === 9 ||  // 制表符 (\t)
        code === 10 || // 换行符 (\n)
        code === 13 || // 回车符 (\r)
        code === 8203 || // 零宽空格 (\u200B)
        code === 8204 || // 零宽非连接符 (\u200C)
        code === 8205 || // 零宽连接符 (\u200D)
        code === 65279 // 字节顺序标记 (BOM, \uFEFF)
    );
}

// 测试用例
const testString = "Hello,\tWorld!\nThis is a test.\r\u200B\uFEFF";
const result = removeWhitespaceAndInvisibleChars(testString);

console.log("Original String:", JSON.stringify(testString));
console.log("Cleaned String:", JSON.stringify(result));
  1. 核心逻辑 :
  2. removeWhitespaceAndInvisibleChars 函数通过遍历输入字符串中的每个字符,并调用辅助函数 isWhitespaceOrInvisible 来判断该字符是否需要被移除。
  3. 如果字符不是空白字符或不可见特殊符号,则将其添加到结果字符串中。
  4. 辅助函数 isWhitespaceOrInvisible :
  5. 该函数通过 charCodeAt(0) 获取字符的 Unicode 编码值,并与预定义的编码值列表进行比较。
  6. 如果字符的编码值匹配列表中的任何一个值,则认为它是空白字符或不可见特殊符号。
  7. 测试用例 :
  8. 输入字符串包含普通空格、制表符、换行符、回车符以及一些不可见的特殊字符。
  9. 输出结果中,所有这些字符都被移除,只保留了可见的普通字符。

相关推荐

《每日电讯报》研发数字工具,教你更有效率地报道新闻

为鼓励新闻编辑部持续创新,《每日电讯报》正在尝试有战略地研发数字工具。网站的数字媒体主任马尔科姆o科尔斯(MalcolmColes)表示,《每日电讯报》正试图去“创建一些可持续资产”,以便于让记者们...

html5学得好不好,看掌握多少标签

html5你了解了多少?如果你还是入门阶段的话,或者还是一知半解的话,那么我们专门为你们收集的html5常用的标签大全对你就很有帮助了,你需要了解了html5有哪些标签你才能够更好的。驾驭html5...

前端分享-少年了解过iframe么(我想了解少年)

iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...

做SEO要知道什么是AJAX(人能看到但搜索引擎看不到的内容)

一个明显的,人能看到但搜索引擎不能看到的内容是AJAX。那么什么是AJAX呢?其实,了解过的基本上也都清楚,AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX最大的优点是在不重新加...

介绍最前沿的人工智能创新,‘无反向传播’神经网络训练方法?

图像由GoogleImageFX生成前言:本文整理自NoProp原始论文与实践代码,并结合多个公开实现细节进行了全流程复现。对神经网络训练机制的探索仍在不断演进,如果你也在研究反向传播之...

说说我们对HTML6的期许(对html的看法)

HTML5概述HTML5是HTML语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了article,section,header这样的标签来帮助开发者更好...

浏览器中在线预览pdf文件,pdf.mjs插件实现web预览pdf

背景:本来只是淘宝上卖卖袜子,想着扩展一下业务,准备做同名“来家居”海外袜子馆外贸项目,碰到pdf在线预览的需求,就找了pdf.js插件进行实践后把此方法记录下来,可以通过多种方法来实现,每种方法都有...

SVG 在前端的7种使用方法,你还知道哪几种?

本文简介点赞+关注+收藏=学会了技术一直在演变,在网页中使用SVG的方法也层出不穷。每个时期都有对应的最优解。所以我打算把我知道的7种SVG的使用方法列举出来,有备无患~如果你还...

HTML5常用标签大全(html5em标签)

HTML前端开发最终取决于掌握标签的多少HTML大概有七八百个标签楼主这里给大家总结了下HTML常用标签标签描述<!--...-->定义注释。<!DOCTYPE>定义文档类型...

&quot;伪君子Snoop Dogg!&quot;... WHAT?| MetroDaily 24/7

TUE.01-新作品-虽说年纪大了会有点糊涂,但是最近SnoopDogg的这波操作实在是让粉丝们有点迷,甚至有人表示没想到他是这样的"伪君子"......而这一切都源于他近日在IG上Po出的一...

史努比snoopy卡通手机壁纸屏保(史努比壁纸无水印)

...

莎夏·班克斯盼望表哥Snoop Dogg为其作出场曲

NXT女子冠军莎夏·班克斯(SashaBanks)近日接受了迈阿密先驱报采访,访谈纪要如下:关于她出众的形象:“我一向喜欢与众不同。为了能让人眼前一亮,我的装束总是非常前卫、非常抢眼,这样才能让观众...

喜欢Snoop!全球第一间「史努比博物馆」海外分馆在东京!

1950年起,由美國漫畫家CharlesM.Schulz創作的作品《Snoopy》史努比,其鮮明的可愛角色與幽默的劇情內容,至今仍成為許多大朋友與小朋友心中的最愛。為了紀念作者所設立的全球首...

Vetements 推出 Snoop Dogg 肖像「天价」T-Shirt

Vetements的CEOGuramGvasalia早前才透露品牌经营策略的秘密–Vetements如何成为人人热议的话题品牌。但似乎他仍有更多需要解释的东西–这个法国奢侈品牌最新...

狗爷Snoop Dogg的《I Wanna Thank Me》巡回演唱会旧金山站

西海岸匪帮说唱歌手SnoopDogg在《IWannaThankMe》巡回演唱会旧金山站表演(图片来自ICphoto)西海岸匪帮说唱歌手SnoopDogg(图片来自ICphoto)西海...

取消回复欢迎 发表评论: