javascript实现全角转半角的方法

javascript可以通过正则表达式实现全角转半角。具体实现步骤如下：

Step 1: 获取文本

首先，我们需要获取需要转换的文本，可以通过 getElementById() 等方法获取到HTML中的文本。

const originText = document.getElementById('text').innerHTML;

Step 2: 利用正则表达式进行转换

接下来，我们需要写一个正则表达式来匹配全角字符。全角字符是指在ASCII编码表范围之外的字符，可以通过unicode编码进行判断。下面是一个将全角字符转换成半角字符的正则表达式：

const fullWidth = /[\uFF00-\uFFEF]/g;
const halfWidth = fullWidth.source
  .replace(/[\uFF00-\uFF5F]/g, function (ch) {
    return String.fromCharCode(ch.charCodeAt(0) - 65248);
  })
  .replace(/[\uFF60-\uFFEF]/g, function (ch) {
    return String.fromCharCode(ch.charCodeAt(0) - 65248);
});

其中，[\uFF00-\uFFEF] 是全角字符的范围，ch.charCodeAt(0) - 65248 可以将字符转换为对应的半角字符。

然后，我们可以将原始文本中的全角字符用半角字符进行替换：

const convertedText = originText.replace(fullWidth, function (ch) {
  // 将全角字符转换为半角字符
  return ch.replace(fullWidth, halfWidth);
});

最后，将转换后的文本显示在HTML中：

document.getElementById('converted').innerHTML = convertedText;

下面是一个完整的示例，可以在HTML中添加两个DIV元素，用来显示原始文本和转换后的文本：

<div id="text">Ｈｅｌｌｏ，ｗｏｒｌｄ！</div>
<div id="converted"></div>

<script>
const originText = document.getElementById('text').innerHTML;

const fullWidth = /[\uFF00-\uFFEF]/g;
const halfWidth = fullWidth.source
  .replace(/[\uFF00-\uFF5F]/g, function (ch) {
    return String.fromCharCode(ch.charCodeAt(0) - 65248);
  })
  .replace(/[\uFF60-\uFFEF]/g, function (ch) {
    return String.fromCharCode(ch.charCodeAt(0) - 65248);
  });

const convertedText = originText.replace(fullWidth, function (ch) {
  return ch.replace(fullWidth, halfWidth);
});

document.getElementById('converted').innerHTML = convertedText;
</script>

运行后，页面上会显示原始文本和转换后的文本：

原始文本：Ｈｅｌｌｏ，ｗｏｒｌｄ！
转换后的文本：Hello, world!

希望这个攻略可以帮助到你！