如何用js从字符串中删除所有非ASCII字符?(两种方法)
时间:2021-08-31 来源:互联网
今天PHP爱好者给大家带来如何用js从字符串中删除所有非ASCII字符两种方法分享,在《通过js判断某个日期是否在两个指定日期之间》中给大家介绍了怎么通过javascript判断某个日期是否在两个指定日期之间,感兴趣的朋友可以了解一下~希望对大家有所帮助。
本文的重点内容则是教大家如何用js从字符串中删除所有非ASCII字符。
下面我们将给大家介绍两种实现删除的方法:
第一种方法:
注:此方法将使用正则表达式从字符串中删除非 ASCII 字符;只有值从 0 到 127 的字符才有效(0x7F 是十六进制的 127);使用.replace()
方法将非 ASCII 字符替换为空字符串。
完整代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
</head>
<body style = "text-align:center;">
<h1 style = "color:#880000;" >
PHP中文网
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
点击这里
</button>
<p id = "GFG_DOWN" style = "color:#880000;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str="Hidd©©©en Ascii ©©®®®Charac££ter";
el_up.innerHTML = "单击按钮从给定字符串中删除所有非ascii字符"
+ " <br>给定字符串str = '" + str + "'";
function gfg_Run() {
str = str.replace(/[^\x00-\x7F]/g, "");
el_down.innerHTML = str;
}
</script>
</body>
</html>
效果如下所示:
第二种方法:
注:这种方法将使用正则表达式从字符串中删除非 ASCII 字符,就像前面的例子一样。它指定要删除的字符的 Unicode(0080 – FFFF) 之间的字符范围被删除;使用.replace() 方法将非 ASCII 字符替换为空字符串。
完整代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
</head>
<body style = "text-align:center;">
<h1 style = "color:#ff7800;" >
PHP中文网
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
点击这里
</button>
<p id = "GFG_DOWN" style = "color:#ff7800;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str="Hidd©©©en??Ascii ©©®®®Charac££ter";
el_up.innerHTML = "单击按钮从给定字符串中删除所有非ascii字符"
+ " .<br>给定字符串Str = '" + str + "'";
function gfg_Run() {
str = str.replace(/[\u{0080}-\u{FFFF}]/gu, "");
el_down.innerHTML = str;
}
</script>
</body>
</html>
效果如下:
以上就是如何用js从字符串中删除所有非ASCII字符?(两种方法)的详细内容,更多请关注php爱好者其它相关文章!
-
如鸢星石方案搭配思路-密探星石应该怎么配 2025-06-05
-
泰拉瑞亚灾劫虚空怎么获取 泰拉瑞亚灾厄进攻型饰品灾劫虚空获取方法 2025-06-05
-
王者荣耀6月4日每日一题答案-每日一题答案 2025-06-05
-
买奶茶少糖,店员多加了段子 2025-06-05
-
币安怎么购买BDX币?BDX购买教程与币安binance下载入口 2025-06-05
-
王者荣耀6月4日每日一题答案-每日一题答案 2025-06-05