将输入值中的中文逗号自动变为英文逗号(TS)

一、次需求的TS与JS写法

1、TS写法

formData.append("map_effect_files",

JSON.parse(JSON.stringify(data.map_effect_files.replace(/,/g, ","))));

 这样一段代码后面加上.replace(/,/g, ",")这个就可以实现了

2、JS写法

1. 使用JavaScript的`replace()`方法和正则表达式,将所有的中文逗号替换为英文逗号。

var inputValue = formData.get("map_effect_files");

var re = /,/g; // 正则表达式匹配中文逗号

inputValue = inputValue.replace(re, ','); // 将中文逗号替换为英文逗号

2. 将替换后的值重新设置回`formData`中。  

formData.set("map_effect_files", inputValue);

这样,无论用户输入的是中文逗号还是英文逗号,通过这段代码,都会将中文逗号转换为英文逗号。

 二、这样就突然忘记了ts与js之间的区别(TS与JS区别)

TypeScript(TS)是JavaScript(JS)的一个超集,也就是说,它包含了JS所有的语法和特性,并且通过添加静态类型系统和一些额外的功能来扩展JS。

以下是TS与JS之间的几个区别:

1. 静态类型系统:TS引入了静态类型系统,可以在开发过程中对变量、函数参数、返回值等进行类型注解。这样可以在编译时发现一些常见的类型错误,提前捕获并修复它们,从而减少运行时错误。

2. 类与接口:TS支持类和接口的概念。你可以定义类和继承关系,并且可以使用接口来定义对象的结构和行为。这提供了更好的面向对象编程支持,并使得代码更易于组织和维护。

3. 编译时类型检查:TS在编译时对代码进行类型检查,能够检测出潜在的类型错误。这可以帮助开发人员在编写代码时更早地发现问题,避免一些常见的错误。

4. 类型推断:即使你没有显式地给变量注解类型,TS也会根据上下文推断出变量的类型。这可以减少一些重复的类型注解,提高开发效率。

5. 支持最新的ES特性:TS从ES6开始支持最新的JavaScript语法和特性,并且还提供了一些额外的功能,如元组、枚举、泛型等。

6. 工具支持:TS拥有强大的开发工具支持,包括代码编辑器的自动补全、代码导航、重构等功能。它也与主流的开发IDE(如Visual Studio Code)紧密集成。

总的来说,TypeScript通过添加静态类型系统和其他一些功能扩展了JavaScript,使之更适合大型项目的开发,并提供了更好的工具和开发体验。对于需要更强类型检查和更好可维护性的项目,TS是一个非常有价值的选择。

三、这样的话就不得不说正则表达式了

正则表达式是一种用于描述和匹配文本模式的工具,可以用于查找、替换和验证字符串。

正则表达式还支持一些特殊字符和元字符,如

点号(.,匹配任意字符)、

星号(*,匹配前面的字符零次或多次)、

问号(?,匹配前面的字符零次或一次)等等


将输入值中的中文逗号自动变为英文逗号(TS)_第1张图片

 formData.append("map_effect_files", JSON.parse(JSON.stringify(drawerProps.value.row.map_effect_files.replace(/,/g, ",")))); formData.append("map_production_files", JSON.parse(JSON.stringify(drawerProps.value.row.map_production_files.replace(/,/g, ","))));

  •   .replace 是 JavaScript 中字符串对象的一个内置方法,用于替换字符串中的文本。
  • 正则表达式 /,/g 斜杠(/)是正则表达式的分隔符,"" 是我们要匹配的模式。

  • 修饰符 "g" 可以使正则表达式执行全局匹配,即在整个文本中查找所有匹配的模式

你可能感兴趣的:(前端,javascript,正则表达式,typescript)