JavaScript 进行数值与对应的 ASCII 字符之间的转换【fromCharCode、fromCodePoint、charCodeAt、codePointAt】

引言：

今天遇到一个需求，需要动态创建一个 JS 对象数组，对象中的 key 值并不都是一样的（准确说是一个有序的字母），具体如下：

var options = [
    {"A":"选项A XXXX"},
    {"B":"选项B XXXX"},
    {"C":"选项C XXXX"},
    {"D":"选项D XXXX"},
]

第一眼感觉很简单，但是仔细看的话，就会发现与我们常见的创建一个对象，差别还是很大的。因为通常情况下我们创建的对象，key 是硬编码的，如下：

var person = {};
person.name = "江小白";    // 硬编码指定 key 为 name

再看我们的需求，每一个 item 对象是一个结构类似，但是 key 值并不完全一样的。key 为有序的字母组合。

要解决这个问题，就必须解决以下两个问题：

1. item 对象 key 名的动态指定
2. key 值的有序生成

key 名的动态指定：

解决每一个 item 对象 key 名，动态指定，两种方法：

1. 使用 eval() 函数解决

  eval() 函数会将传入的字符串当做 JavaScript 代码进行执行【PS：因为该函数可以将字符串解析为JS代码执行，所以使用时，一定要考虑安全问题，细节不在这里说明】。详情点击链接参考MDN，下面是一个小 Demo

var person = {}
var key = 'name'
eval('person.' + key + "=" + "'江小白'");    // 内部字符串被拼接之后，作为 JS 代码执行，从而达到动态指定 key 值的目的
console.dir(person)

1. 使用  属性访问器 解决（PS:即 '[key]' ）

     有关属性访问器，详情点击上面链接获取，这里直接给出属性访问器 Demo

var person = {}
var key = 'name'
person[key] = "公子小白"    // 使用 JS 属性选择器动态指定 key 
console.dir(person)

key 值的有序生成：

我们知道这种有序的 key(A、B、C、D......)，生成的时候最好使用 ASCII 字符的编码特点来实现，要实现 ASCII 与对应的字符映射（准确数叫做编码规则），其实在 C/C++ 这种语言下很简单，因为可以直接对 char 进行算数运算 或者 直接强制类型转换就可以将 int 转换为 char。

    char c = 'A';
    // int n = (int)c;
    // char b = (char)n;
    printf("n = %d\n", n);  // n = 65
    printf("b = %c\n", b);  // b = A

但是很不幸 JS 中不能直接这样操作，只能借助对应函数实现，说实话我只感觉这些函数肯定存在，但却从未用过，看来还是代码撸的太少了。其实需要的函数就是：from​Char​Code、from​Code​Point、charCodeAt、code​PointAt

from​Char​Code、from​Code​Point 负责将 ascii 码对应的数字转为 对应的字符

charCodeAt、code​PointAt 负责将 对应的字符 转为对应的数字 ascii 码值

两者的使用很简单，可以点击链接参看 MDN 的详细文档，这里之列出来简单的使用 Demo

console.log("ascii to char:"  + String.fromCodePoint(65))    // ascii to char: A
console.log("ascii to char:"  + String.from​Char​Code(65))    // ascii to char: A

console.log("char to ascii:"  + 'A'.charCodeAt(0))    // char to ascii: 65
console.log("char to ascii:"  + 'A'.code​PointAt(0))    // char to ascii: 65

综合上面实现需求的最终 Demo 如下：

var char = 'A';
console.log("ascii to char:"  + String.fromCodePoint(65))    // ascii to char: A
console.log("char to ascii:"  + 'A'.charCodeAt(0))    // char to ascii: 65

var options = []

for(index = 0 ; index< 4; index++){
   var option = {}
   option[char] = "选项" + char + "XXX";
   options.push(option)
   char = String.fromCharCode(char.charCodeAt(0) + 1);
}
console.log(options)

本文并没有技术含量，但对于初学者可能还是有一定帮助，这里主要是做个记录方便日后查看。