繁体   English   中英

JavaScript中字符转ASCII码

[英]Convert character to ASCII code in JavaScript

如何使用 JavaScript 将字符转换为其 ASCII 码?

例如:

从“\n”中得到 10。

"\n".charCodeAt(0);

String.prototype.charCodeAt()可以将字符串字符转换为 ASCII 数字。 例如:

"ABC".charCodeAt(0) // returns 65

相反,使用String.fromCharCode(10)将数字转换为相等的 ASCII 字符。 此函数可以接受多个数字并连接所有字符然后返回字符串。 例子:

String.fromCharCode(65,66,67); // returns 'ABC'

这是一个快速的 ASCII 字符参考:

{
"31": "",      "32": " ",     "33": "!",     "34": "\"",    "35": "#",    
"36": "$",     "37": "%",     "38": "&",     "39": "'",     "40": "(",    
"41": ")",     "42": "*",     "43": "+",     "44": ",",     "45": "-",    
"46": ".",     "47": "/",     "48": "0",     "49": "1",     "50": "2",    
"51": "3",     "52": "4",     "53": "5",     "54": "6",     "55": "7",    
"56": "8",     "57": "9",     "58": ":",     "59": ";",     "60": "<",    
"61": "=",     "62": ">",     "63": "?",     "64": "@",     "65": "A",    
"66": "B",     "67": "C",     "68": "D",     "69": "E",     "70": "F",    
"71": "G",     "72": "H",     "73": "I",     "74": "J",     "75": "K",    
"76": "L",     "77": "M",     "78": "N",     "79": "O",     "80": "P",    
"81": "Q",     "82": "R",     "83": "S",     "84": "T",     "85": "U",    
"86": "V",     "87": "W",     "88": "X",     "89": "Y",     "90": "Z",    
"91": "[",     "92": "\\",    "93": "]",     "94": "^",     "95": "_",    
"96": "`",     "97": "a",     "98": "b",     "99": "c",     "100": "d",    
"101": "e",    "102": "f",    "103": "g",    "104": "h",    "105": "i",    
"106": "j",    "107": "k",    "108": "l",    "109": "m",    "110": "n",    
"111": "o",    "112": "p",    "113": "q",    "114": "r",    "115": "s",    
"116": "t",    "117": "u",    "118": "v",    "119": "w",    "120": "x",    
"121": "y",    "122": "z",    "123": "{",    "124": "|",    "125": "}",    
"126": "~",    "127": ""
}

如果您只有一个字符而不是字符串,则可以使用:

'\n'.charCodeAt();

省略 0...

它曾经比'n'.charCodeAt(0)慢得多,但我现在已经对其进行了测试,我看不出有任何区别(使用和不使用 0 执行 100 亿次)。 仅在 Chrome 和 Firefox 中测试性能。

虽然其他答案是正确的,但我更喜欢这种方式:

function ascii (a) { return a.charCodeAt(0); }

然后,要使用它,只需:

var lineBreak = ascii("\n");

我将它用于一个小型快捷方式系统:

$(window).keypress(function(event) {
  if (event.ctrlKey && event.which == ascii("s")) {
    savecontent();
    }
  // ...
  });

你甚至可以在 map() 或其他方法中使用它:

var ints = 'ergtrer'.split('').map(ascii);

对于那些想要获得一个字符串的所有 ASCII 代码的总和的人:

'Foobar'
  .split('')
  .map(x=>x.charCodeAt(0))
  .reduce((a,b)=>a+b);

或者,ES6:

[...'Foobar']
  .map(char => char.charCodeAt(0))
  .reduce((current, previous) => previous + current)

JavaScript 将字符串存储为UTF-16 (双字节),因此如果您想忽略第二个字节,只需在0000000011111111 (即 255)上使用按位&运算符将其删除:

'a'.charCodeAt(0) & 255 === 97; // because 'a' = 97 0 
'b'.charCodeAt(0) & 255 === 98; // because 'b' = 98 0 
'✓'.charCodeAt(0) & 255 === 19; // because '✓' = 19 39

为确保完全 Unicode 支持和可逆性,请考虑使用:

'\n'.codePointAt(0);

这将确保在测试超过 UTF-16 限制的字符时,您将获得它们的真实代码点值。

例如

'𐩕'.codePointAt(0); // 68181
String.fromCodePoint(68181); // '𐩕'

'𐩕'.charCodeAt(0);  // 55298
String.fromCharCode(55298);  // '�'

您可以输入一个字符并使用此代码获取 Ascii 代码

例如输入一个像 A 这样的字符你会得到 Ascii 代码 65

 function myFunction(){ var str=document.getElementById("id1"); if (str.value=="") { str.focus(); return; } var a="ASCII Code is == > "; document.getElementById("demo").innerHTML =a+str.value.charCodeAt(0); }
 <p>Check ASCII code</p> <p> Enter any character: <input type="text" id="id1" name="text1" maxLength="1"> </br> </p> <button onclick="myFunction()">Get ASCII code</button> <p id="demo" style="color:red;"></p>

要将字符串转换为累积数字:

 const stringToSum = str => [...str||"A"].reduce((a, x) => a += x.codePointAt(0), 0); console.log(stringToSum("A")); // 65 console.log(stringToSum("Roko")); // 411 console.log(stringToSum("Stack Overflow")); // 1386

用例:

假设您想根据用户名生成不同的背景颜色:

 const stringToSum = str => [...str||"A"].reduce((a, x) => a += x.codePointAt(0), 0); const UI_userIcon = user => { const hue = (stringToSum(user.name) - 65) % 360; // "A" = hue: 0 console.log(`Hue: ${hue}`); return `<div class="UserIcon" style="background:hsl(${hue}, 80%, 60%)" title="${user.name}"> <span class="UserIcon-letter">${user.name[0].toUpperCase()}</span> </div>`; }; [ {name:"A"}, {name:"Amanda"}, {name:"amanda"}, {name:"Anna"}, ].forEach(user => { document.body.insertAdjacentHTML("beforeend", UI_userIcon(user)); });
 .UserIcon { width: 4em; height: 4em; border-radius: 4em; display: inline-flex; justify-content: center; align-items: center; } .UserIcon-letter { font: 700 2em/0 sans-serif; color: #fff; }

为了支持 ES6 中的所有 UTF-16(也是非 BMP/补充字符),可以使用string.codePointAt()方法;

此方法是 charCodeAt 的改进版本,它只能支持小于 65536(2 16 - 单个 16 位)的 unicode 代码点。

str.charCodeAt(index)

使用charCodeAt()以下示例返回 65,即A的 Unicode 值。

'ABC'.charCodeAt(0) // 返回 65

可以使用for循环获取所有可打印ASCII字符的列表。

 for(var i = 33; i < 127; i++){ document.write("<p>"+i + ": " + String.fromCharCode(i)+"</p>"); } 

将字符串转换为 UTF-8 的数组(流):

const str_to_arr_of_UTF8 = new TextEncoder().encode("Adfgdfs");

结果 - [65, 100, 102, 103, 100, 102, 115]

  • ASCII 是 UTF-8 的子集,所以这是一个通用的解决方案

对于那些想要获得具有平均值的字符串的所有 ASCII 代码的总和的人:

 const ASCIIAverage = (str) =>Math.floor(str.split('').map(item => item.charCodeAt(0)).reduce((prev,next) => prev+next)/str.length) console.log(ASCIIAverage('Hello World!'))

扩展Álvaro González和其他人的评论,如果您仅使用 128 个原始 ASCII 字符(代码 0 到 127),则charCodeAtcodePointAt非常好。 在此范围之外,代码取决于字符集,如果您希望结果有意义,则需要在计算之前进行字符集转换。

让我们以欧元符号为例: '€'.codePointAt(0)返回8364 ,它远远超出 0-127 范围并且相对于 UTF-16(或UTF-8 )字符集。

我正在移植一个 Visual Basic 程序,并注意到它使用Asc函数来获取字符代码。 显然,从它的角度来看,它将返回Windows-1252字符集中的字符代码。 为了确保获得相同的数字,我需要转换字符串字符集,然后计算代码。

非常简单,例如在 Python 中: ord('€'.encode('Windows-1252'))
然而,为了在 Javascript 中实现相同的目标,我不得不求助于缓冲区和转换库

iconv = require('iconv-lite');
buf = iconv.encode("€", 'win1252');
buf.forEach(console.log);

 charCodeAt(0);

上面的代码在大多数情况下都有效,但是在使用单词查找基于上面的代码的排名时有一个问题。 例如,aa 将给出 97+97 = 194(实际将是 1+1 = 2)的排名,而 w 将给出 119(实际将是 23),这使得 aa > w。 要从上面的结果中减去 96,从 1 开始定位。

 charCodeAt(0) - 96;

正如其他人指出的那样,ASCII 仅涵盖 128 个字符(包括非打印字符)。 为了向后兼容,Unicode 将 ASCII 作为其前 128 个字符,但它还包含更多字符。

获取 ASCII 字符代码作为整数,您可以执行以下操作:

function ascii_code (character) {
  
  // Get the decimal code
  let code = character.charCodeAt(0);

  // If the code is 0-127 (which are the ASCII codes,
  if (code < 128) {
    
    // Return the code obtained.
    return code;

  // If the code is 128 or greater (which are expanded Unicode characters),
  }else{

    // Return -1 so the user knows this isn't an ASCII character.
    return -1;
  };
};

如果您查找字符串中的 ASCII 字符(例如,对字符串进行 slugifying),您可以执行以下操作:

function ascii_out (str) {
  // Takes a string and removes non-ASCII characters.

  // For each character in the string,
  for (let i=0; i < str.length; i++) {

    // If the character is outside the first 128 characters (which are the ASCII
    // characters),
    if (str.charCodeAt(i) > 127) {

      // Remove this character and all others like it.
      str = str.replace(new RegExp(str[i],"g"),'');

      // Decrement the index, since you just removed the character you were on.
      i--;
    };
  };
  return str
};

来源

也许这也很有用(按 ascii 表中的顺序排列的 ascii 字符):

let ascii_chars = "";
for (let i = 32; i <= 126; ++i) {
    ascii_chars += String.fromCharCode(i);
}
document.write(ascii_chars);

截至 2023 年

从字符到 ASCII 码

使用方法charCodeAt

 console.log("\n".charCodeAt())

从 ASCII 码到字符

使用方法fromCharCode

 console.log(String.fromCharCode(10))

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM