js对于特殊字符的处理

特殊字符的检查判断

const reg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·！#￥（——）：；“”‘、，|《。》？、【】[\]]/;
if(reg.test(changeGroupName.value)){
  message.warning('文件夹名称不能包含~!#$%个&*()=+/N[];∵:",?/<>等字符')
  return
}

 ​特殊字符替换

const onKeyUp = ()=>{
  changeGroupName.value=changeGroupName.value.replace(/([^0-9A-z\u4e00-\u9fa5]|[\^_])/g,'');
}

特殊字符串转码

​encodeURI

一个新字符串，表示提供的字符串编码为统一资源标识符 (URI)。

encodeURI 会替换所有的字符，但不包括以下字符，即使它们具有适当的 UTF-8 转义序列：

类型	包含
保留字符	; , / ? : @ & = + $
非转义的字符	字母 数字 - _ . ! ~ * ' ( )
数字符号	#

解决的方法： 
1、replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符. 
而str.replace(/\-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。 
replace() 
js中替换字符变量如下： 
data2=data2.replace(/\%/g,"%25"); 
data2=data2.replace(/\#/g,"%23"); 
data2=data2.replace(/\&/g,"%26"); 

符号	解释	转义
#	用来标志特定的文档位置	%23
%	对特殊字符进行编码	%25
&	分隔不同的变量值对	%26
+	在变量值中表示空格	%2B
/	表示目录路径	%2F
=	用来连接键和值	%3D
\	表示目录路径	%5C
?	表示查询字符串的开始	%3F
空格	空格	%20
.	句号	%2E
:	冒号	%3A

keyword=encodeURI(searchContent.value)
keyword=keyword.replace(/\#/g,"%23"); 

2、使用encodeURIComponent这个方法会对这些字符编码。

encodeURIComponent

encodeURIComponent 转义除了如下所示外的所有字符：

不转义的字符：
    A-Z a-z 0-9 - _ . ! ~ * ' ( )

 原字串作为 URI 组成部分被被编码后的新字符串。

encodeURIComponent() 和 encodeURI 有以下几个不同点：

var set1 = ";,/?:@&=+$"; // 保留字符
var set2 = "-_.!~*'()"; // 不转义字符
var set3 = "#"; // 数字标志
var set4 = "ABC abc 123"; // 字母数字字符和空格

console.log(encodeURI(set1)); // ;,/?:@&=+$
console.log(encodeURI(set2)); // -_.!~*'()
console.log(encodeURI(set3)); // #
console.log(encodeURI(set4)); // ABC%20abc%20123 (空格被编码为 %20)

console.log(encodeURIComponent(set1)); // %3B%2C%2F%3F%3A%40%26%3D%2B%24
console.log(encodeURIComponent(set2)); // -_.!~*'()
console.log(encodeURIComponent(set3)); // %23
console.log(encodeURIComponent(set4)); // ABC%20abc%20123 (空格被编码为 %20)

var  u="index.php?blogId=1&op=Default"; 
var  getURL="http://www.simplelife.cn/test.php?p="+encodeURI(u);

最终的getURL的值为： 

 http://www.simplelife.cn/test.php?p=index.php?blogId=1&op=Default

参数u中的字符"&op=Default"，将不会作为字符串参数传递到服务器端，而是当作test.php的参数传递过去了，因为对"&op=Default"中的字符"&"没有做编码。 

文字及特殊字符解码

decodeURI(encodedURI)

decodeURIComponent(encodedURI)