如何用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-08-23
-
如何快速去除图片马赛克恢复清晰画面的实用技巧 2025-08-23
-
QQ秀怎么保存为图片?简单几步教你快速导出高清QQ秀形象 2025-08-23
-
如何将百度设置为主页 简单几步轻松完成浏览器首页设置 2025-08-23
-
如何彻底关闭QQ空间 最新详细步骤图文教程 2025-08-23
-
如何将QQ秀替换成自定义图片 详细操作教程 2025-08-23