JavaScript 维汉文字分离工具

Bilnap

已于 2023-11-06 13:19:46 修改

阅读量72

点赞数

文章标签： javascript

于 2023-11-06 13:12:48 首次发布

本文链接：https://blog.csdn.net/weixin_43790157/article/details/134243948

版权

因某个需求原因，简单用Js写了一个维吾尔语和汉语文字分离工具

支持多行分离

效果图

在这里插入图片描述

核心部分

function separateLanguages() {
            var inputText = document.getElementById("inputText").value;
            var uyghurText = document.getElementById("uyghurText");
            var chineseText = document.getElementById("chineseText");
            var lines = inputText.split(/\n/);

            var uyghurMatches = lines.filter(function (line) {
                return line.match(/[\u0600-\u06FF\uFB50-\uFDFF\uFE70-\uFEFF]+/);
            });

            var chineseMatches = lines.filter(function (line) {
                return line.match(/[\u4E00-\u9FFF]+/);
            });

            uyghurText.value = uyghurMatches.join('\n');
            chineseText.value = chineseMatches.join('\n');
    	 }

完整源码

直接创建 html文件复制剪贴就可以用了

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css" rel="stylesheet">
    <title>Language Separation - (Bilnap)</title>
</head>

<body>
    <div class="container mt-5">
        <h2 class="text-center">维汉文字分离工具</h2>
        <hr>
        <div class="form-group">
            <label for="inputText">输入要分离的内容：</label>
            <textarea class="form-control" id="inputText" rows="5"></textarea>
        </div>
        <button class="btn btn-primary" onclick="separateLanguages()">分离</button>
        <div class="mt-3">
            <h5>维吾尔语文字：</h5>
            <textarea class="form-control" id="uyghurText" rows="5" readonly></textarea>
        </div>
        <div class="mt-3">
            <h5>汉语文字：</h5>
            <textarea class="form-control" id="chineseText" rows="5" readonly></textarea>
        </div>
    </div>

    <script>
        function separateLanguages() {
            var inputText = document.getElementById("inputText").value;
            var uyghurText = document.getElementById("uyghurText");
            var chineseText = document.getElementById("chineseText");
            var lines = inputText.split(/\n/);

            var uyghurMatches = lines.filter(function (line) {
                return line.match(/[\u0600-\u06FF\uFB50-\uFDFF\uFE70-\uFEFF]+/);
            });

            var chineseMatches = lines.filter(function (line) {
                return line.match(/[\u4E00-\u9FFF]+/);
            });

            uyghurText.value = uyghurMatches.join('\n');
            chineseText.value = chineseMatches.join('\n');
        }
    </script>
</body>

</html>