js半角转全角有换行怎么办

在 JavaScript 中处理半角转全角并保留换行，可以使用正则表达式、字符串替换以及遍历字符的方法。首先，我们需要了解半角字符与全角字符的区别，并掌握如何将其正确转换，同时保留原有的换行符。接下来，我们将详细介绍如何实现这一功能，并提供一些代码示例来帮助你更好地理解与应用。

一、半角与全角字符的区别

半角字符（Half-width characters）与全角字符（Full-width characters）在字符编码上有一定的区别。半角字符通常占用一个字符宽度，而全角字符占用两个字符宽度。常见的半角字符包括英文字母、数字、符号等，而全角字符则主要用于东亚语言，如中文、日文、韩文。

二、JavaScript 中实现半角转全角

在 JavaScript 中实现半角转全角可以通过以下几种方法：

使用正则表达式
遍历字符串
字符串替换

以下是详细的实现步骤和代码示例。

1. 使用正则表达式

正则表达式是处理字符串的强大工具，可以用来匹配和替换特定的字符。以下代码示例展示了如何使用正则表达式将半角字符转换为全角字符，同时保留换行符。

function halfWidthToFullWidth(str) {
    return str.replace(/[!-~]/g, function (ch) {
        return String.fromCharCode(ch.charCodeAt(0) + 0xFEE0);
    }).replace(/rn|n/g, 'u3000'); // 保留换行符
}
let input = "Hello, World!nThis is a test.";
let output = halfWidthToFullWidth(input);
console.log(output);

在这段代码中，正则表达式 [!-~] 用于匹配所有半角字符，并通过 String.fromCharCode 方法将其转换为全角字符。换行符 rn 和 n 被保留。

2. 遍历字符串

通过遍历字符串中的每个字符，可以逐个将半角字符转换为全角字符，并保留换行符。

function halfWidthToFullWidth(str) {
    let result = '';
    for (let i = 0; i < str.length; i++) {
        let code = str.charCodeAt(i);
        // 半角字符范围是32(空格)到126('~')
        if (code >= 32 && code <= 126) {
            result += String.fromCharCode(code + 0xFEE0);
        } else if (code === 10 || code === 13) { // 保留换行符
            result += String.fromCharCode(code);
        } else {
            result += str.charAt(i);
        }
    }
    return result;
}
let input = "Hello, World!nThis is a test.";
let output = halfWidthToFullWidth(input);
console.log(output);

在这段代码中，通过 charCodeAt 方法获取每个字符的 Unicode 编码，并根据编码范围判断是否需要转换为全角字符。换行符（编码为 10 和 13）被直接保留。

3. 字符串替换

字符串替换是另一种实现方法，可以结合正则表达式和字符串替换函数来实现半角字符到全角字符的转换。

function halfWidthToFullWidth(str) {
    let halfWidthChars = ' !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~';
    let fullWidthChars = '　！＂＃＄％＆＇（）＊＋，－．／０１２３４５６７８９：；＜＝＞？＠ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ［＼］＾＿｀ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ｛｜｝～';
    let result = '';
    for (let i = 0; i < str.length; i++) {
        let index = halfWidthChars.indexOf(str[i]);
        if (index !== -1) {
            result += fullWidthChars[index];
        } else {
            result += str[i];
        }
    }
    return result;
}
let input = "Hello, World!nThis is a test.";
let output = halfWidthToFullWidth(input);
console.log(output);

在这段代码中，我们定义了半角字符和全角字符的对应关系，并通过遍历字符串来逐个替换字符。换行符同样被保留。

三、处理换行符

在上述方法中，换行符 n 或 rn 被保留，以确保在转换后的字符串中保持原有的格式。这对于处理多行文本非常重要。

四、进一步优化

在实际应用中，我们可能需要处理更多的特殊字符和情况，如制表符、空格等。以下是进一步优化的代码示例：

function halfWidthToFullWidth(str) {
    let result = '';
    for (let i = 0; i < str.length; i++) {
        let code = str.charCodeAt(i);
        // 半角字符范围是32(空格)到126('~')
        if (code >= 32 && code <= 126) {
            result += String.fromCharCode(code + 0xFEE0);
        } else if (code === 10 || code === 13) { // 保留换行符
            result += String.fromCharCode(code);
        } else if (code === 9) { // 保留制表符
            result += 't';
        } else {
            result += str.charAt(i);
        }
    }
    return result;
}
let input = "Hello, World!nThis is a test.tWith tabs.";
let output = halfWidthToFullWidth(input);
console.log(output);

在这段代码中，我们添加了对制表符（tab）的处理，确保转换后的字符串能够保留所有原有的特殊字符格式。

五、总结

通过以上几种方法，我们可以在 JavaScript 中实现半角字符到全角字符的转换，并保留原有的换行符。使用正则表达式、遍历字符串和字符串替换都是有效的方法，可以根据具体需求选择合适的实现方式。在实际应用中，可以进一步优化代码以处理更多的特殊字符和情况，从而确保转换后的字符串格式正确、内容完整。