浏览器中输出指定unicode范围的汉字序列

话不多说,直接上脚本代码

一: 获取汉字unicode 范围(获取数据源)

//获取数据源
//打开网站: https://www.qqxiuzi.cn/zh/hanzi-unicode-bianma.php
//控制台执行
{
let arr=Array.from(document.querySelectorAll('tr'));
arr.shift();
result=[]
arr.forEach((value,index,array)=>{
let col1=value.firstElementChild.innerText
let col2=value.firstElementChild.nextElementSibling.innerText
let col3=value.firstElementChild.nextElementSibling.nextElementSibling.innerText
console.log(col1,col2,col3)
result.push([
col1,col2,col3
])
})
console.log(JSON.stringify(result))
let blob = new Blob([JSON.stringify(result)], {type: "application/json"});
let url = window.URL.createObjectURL(blob);
let a = document.createElement("a");
a.style.display = "none";
a.href = url;
a.download = 'unicode-chinese.json';
a.click();
setTimeout(function () {
window.URL.revokeObjectURL(url);
}, 3000);
}

unicode 编码的汉字显示到浏览器中

{
let data=[
["基本汉字","20902字","4E00-9FA5"],
["基本汉字补充","90字","9FA6-9FFF"],
["扩展A","6592字","3400-4DBF"],
["扩展B","42720字","20000-2A6DF"],
["扩展C","4153字","2A700-2B738"],
["扩展D","222字","2B740-2B81D"],
["扩展E","5762字","2B820-2CEA1"],
["扩展F","7473字","2CEB0-2EBE0"],
["扩展G","4939字","30000-3134A"],
["康熙部首","214字","2F00-2FD5"],
["部首扩展","115字","2E80-2EF3"],
["兼容汉字","477字","F900-FAD9"],
["兼容扩展","542字","2F800-2FA1D"],
["PUA(GBK)部件","81字","E815-E86F"],
["部件扩展","452字","E400-E5E8"],
["PUA增补","207字","E600-E6CF"],
["汉字笔画","36字","31C0-31E3"],
["汉字结构","12字","2FF0-2FFB"],
["汉语注音","43字","3105-312F"],
["注音扩展","22字","31A0-31BA"],
["〇","1字","3007"]
];
let element = document.createDocumentFragment();
data.forEach((value,key,array)=>{
let res=value[2].split('-')
if(res.length===1){
let word=String.fromCharCode("0x"+value[2])
let span = document.createElement("ul");
span.innerText=word;
element.appendChild(span);
}else if(res.length===2){
let start=parseInt(res[0],16)
let end=parseInt(res[1],16)
for(let i=start;i<=end;i++){
let hex=String(i).toString(16)
let word=String.fromCharCode("0x"+hex)
let span = document.createElement("span");
span.innerText=word;
element.appendChild(span);
}
}
})
document.body.appendChild(element)
}

立即验证

立即体验浏览器中展示unicode汉字

立即体验浏览器中展示unicode emoji

参考

  1. 千千秀字 汉字 Unicode 编码范围
posted @   jingjingxyk  阅读(149)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
点击右上角即可分享
微信分享提示