Converter caracteres em código ASCII em JavaScript

952

Como posso converter um caractere em seu código ASCII usando JavaScript?

Por exemplo:

obtenha 10 de "\ n".

levik
fonte
10
Observe que o método String.prototype.charCodeAt () sugerido na maioria das respostas retornará a unidade de código UTF-16 (nem mesmo a codificação UTF-16 adequada e completa devido a motivos históricos). Somente os primeiros 128 pontos de código Unicode são uma correspondência direta da codificação de caracteres ASCII.
Álvaro González

Respostas:

1448
"\n".charCodeAt(0);
Jim
fonte
658
O oposto disso é String.fromCharCode(10).
Viam0Zah
184
Curiosidade: você realmente não precisa do 0(valor do primeiro argumento) - apenas "\n".charCodeAt()precisará.
Mathias Bynens
47
@MathiasBynens: e felizmente isso está documentado: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/… . "se não for um número, o padrão é 0"
tokland 15/11
12
Deve-se apontar que, ao contrário String.fromCharCode( asciiNumVal ), stringInstance.charCodeAt( index )é não um método estático da classe String
bobobobo
26
@Mathias Bynens, Certamente, o padrão é zero, mas eu acabei de executar um teste apenas de interesse no desempenho e executa ** relativamente mal comparado com 0. jsperf.com/default-to-0-vs-0/4 ** É apenas uma diferença relativa, de qualquer forma é muito, muito rápido.
Wade montague # 9/13
386

String.prototype.charCodeAt()pode converter caracteres de seqüência de caracteres em números ASCII. Por exemplo:

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

Para uso oposto String.fromCharCode(10)que converte números em caracteres ASCII iguais. Esta função pode aceitar vários números e unir todos os caracteres e retornar a string. Exemplo:

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

Aqui está uma referência rápida de caracteres 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": ""
}
Mohsen
fonte
30
Melhor referência ascii: en.wikipedia.org/wiki/ASCII - Estou muito orgulhosa de que a coloração que fiz para as tabelas dessa página permaneça lá depois de quase 10 anos
:)
9
@theGrayFox C:\> man asciigivesBad command or file name
e2-e4
Observe que esses métodos são compatíveis com UTF-16, o que significa que, dependendo da sequência de entrada, charCodeAt pode estender valores ASCII de 1 byte além de 1 byte 0-127. Não presuma que esteja nesse intervalo se a entrada arbitrária de string estiver sendo aceita e manipulada por javascript.
precisa saber é o seguinte
31

Se você tiver apenas um caractere e não uma sequência, poderá usar:

'\n'.charCodeAt();

omitindo o 0 ...

É mais lento embora. Com a versão atual do chrome, é 5 vezes mais lenta.

Marco Altieri
fonte
10
Isso realmente leva mais tempo. É mais rápido usar apenas o zero. (No meu computador, levou ~ duas vezes mais longo 0.055s vs. 0.126s através de algumas dezenas de milhares de iterações)
royhowie
23

Enquanto as outras respostas estão corretas, prefiro assim:

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

Então, para usá-lo, basta:

var lineBreak = ascii("\n");

Estou usando isso para um pequeno sistema de atalho:

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

E você pode até usá-lo dentro de map () ou outros métodos:

var ints = 'ergtrer'.split('').map(ascii);
Francisco Presencia
fonte
Apenas para a beleza uma nova maneira ES6 para escrevê-lo: const ascii = a => a.charCodeAt(0);
axkibe
20

Para aqueles que desejam obter uma soma de todos os códigos ASCII de uma string:

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

Ou ES6:

[...'Foobar']
  .map(char => char.charCodeAt(0))
  .reduce((current, previous) => previous + current)
Filip Dupanović
fonte
1
Verifique novamente sua última linha.
Ypnypn
Elegante! como uma função: function ascii (str) {return str .split ('') .map (function (char) {return char + ":" + String (char.charCodeAt (0)) + "\ n";}) .reduce (função (atual, anterior) {retornar atual + anterior;}); }
Darren Griffith
1
[...'Foobar'].reduce((i,s)=>s.charCodeAt(0)+i,0)
Nick
1
Ninguém pediu a soma de todos os códigos ASCII em uma string e é improvável que o faça.
Carl Smith
8

O JavaScript armazena as strings como UTF-16(byte duplo); portanto, se você deseja ignorar o segundo byte, retire-o com um &operador bit a bit 0000000011111111(por exemplo, 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
Steven de Salas
fonte
por que você deseja ignorar o segundo byte?
`` #
3
A pergunta está perguntando sobre a produção de ASCII a partir de uma string UTF-16 (byte duplo). Cedo ou tarde, você receberá códigos não-ascii se não conseguir ignorar o segundo byte.
Steven de Salas
1
@ Steven de Salas - Sua 'solução' para obter códigos não ASCII para caracteres não ASCII é retornar o código ASCII errado ?
Carl Smith
@CarlSmith, não o errado. Apenas para retirar o componente não-ascii do personagem. Se você estiver trabalhando com bytes únicos, isso é útil. Seu projeto pode precisar de uma solução diferente.
Steven de Salas
4

Para garantir suporte e reversibilidade completos a Unicode, considere usar:

'\n'.codePointAt(0);

Isso garantirá que, ao testar caracteres acima do limite UTF-16, você obtenha o verdadeiro valor do ponto de código.

por exemplo

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

'𐩕'.charCodeAt(0);  // 55298
String.fromCharCode(55298);  // '�'
Ibrahim Lawal
fonte
Também pode ser útil converter o caractere especial em notação hexadecimal, já que alguns editores de texto podem não funcionar corretamente, tendo que lidar diretamente com esses caracteres. EG: alert (str.hexEncode (). HexDecode ());
Jose Tepedino
2

Você pode inserir um caractere e obter o código ASCII usando este código

Por exemplo, digite um caractere como você recebe o código 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>

Keshav Gera
fonte