0~9、a~z和A~Z的uniCode对照表、字符码与字符对照表、数字、字母、for、fromCharCode、toString、toUpperCase、eval | 您所在的位置:网站首页 › 字符编码最大值是多少 › 0~9、a~z和A~Z的uniCode对照表、字符码与字符对照表、数字、字母、for、fromCharCode、toString、toUpperCase、eval |
文章目录
0~9a~zA~Z博客内容来源功能(需求)描述实现思路
0~9
序号字符uniCode十进制十六进制1048302149313250324351335452346553357654368755379856381095739
a~z
序号字符uniCode十进制十六进制1a97612b98623c99634d100645e101656f102667g103678h104689i1056910j1066A11k1076B12l1086C13m1096D14n1106E15o1116F16p1127017q1137118r1147219s1157320t1167421u1177522v1187623w1197724x1207825y1217926z1227A
A~Z
序号字符uniCode十进制十六进制1A65412B66423C67434D68445E69456F70467G71478H72489I734910J744A11K754B12L764C13M774D14N784E15O794F16P805017Q815118R825219S835320T845421U855522V865623W875724X885825Y895926Z905A
博客内容来源
function create_element_content(min = 48, len = 10) {
let str_tr = '',
create_el = (val) => `${val}`;
for (let i = 0; i str_td}`;
min++;
}
return str_tr;
}
// 创建0~10
console.log(create_element_content(48, 10));
// 创建a~z
// console.log(create_element_content(97, 26));
// 创建A~Z
// console.log(create_element_content(65, 26));
功能(需求)描述
javascript生成对应的tr标签和td标签。td标签预先存值,值分别是序号、字符、十进制字符码和十六进制字符码。数字的uniCode集从48至57;大写字母的uniCode集从65至90;小写字母的uniCode集从97至122。字符集的uniCode值以十进制为计算单位。 实现思路第一步 定义名为create_element_content函数,函数接收两个参数,分别是min和len。min用来保存字符集开始值,len用来终止循环。 第二步 在函数顶部定义str_tr和create_el变量,str_tr变量存放tr标签,create_el变量保存一个箭头函数,并返回td标签的最终值。 第三步 在for顶部定义两个变量,分别是str_td和countArr。str_td存放内层for得到td标签值;countArr存放对应的td标签值的计算表达式。 countArr数组对应的表达式含义 i + 1表达式对应表格的序号的值; 通过fromCharCode方法获取字符值,min是字符码,表达式对应表格字符的值; min表达式对应表格十进制字符码的值; min.toString(16).toUpperCase()表达式对应表格十六进制字符码的值,通过toString实现十进制转为十六进制,toString方法的参数为16,表示把十进制值转为十六进制值。十六进制的表示有字母存在,所以在转为十六进制后使用toUpperCase转为大写(看个人习惯,转为大写不是必须步骤)。 第四步 内层循环需要做的事情就非常简单,只需要使用for遍历countArr数组,在每次循环中调用create_el函数即可。create_el函数调用时需要传递值,值可以调用eval函数得到(eval函数会将传入的字符串当做JavaScript代码进行执行),create_el函数返回的结果累加给str_td变量即可。在此案例中的create_el函数会被调用四次,也就是创建四个td标签。 第五步 外层for的最终结果是把str_td变量的值与tr标签结合赋值给str_tr变量,str_tr变量的最终值也属于累加形式。min++在本例中的作用显而易见,min值与uniCode值绑定。在每次外层循环结束前,需要min++操作以保证uniCode值与外层循环i值平行。 |
CopyRight 2018-2019 实验室设备网 版权所有 |