Converti carattere in codice ASCII in JavaScript


952

Come posso convertire un personaggio nel suo codice ASCII usando JavaScript?

Per esempio:

ottieni 10 da "\ n".


10
Si noti che il metodo String.prototype.charCodeAt () suggerito nella maggior parte delle risposte restituirà l' unità di codice UTF-16 (nemmeno la codifica UTF-16 completa per motivi storici). Solo i primi 128 punti di codice Unicode sono una corrispondenza diretta della codifica dei caratteri ASCII.
Álvaro González,

Risposte:


1448
"\n".charCodeAt(0);

658
L'opposto di questo è String.fromCharCode(10).
viam0Zah

184
Curiosità: non hai davvero bisogno del 0(valore del primo argomento) - lo "\n".charCodeAt()farà solo .
Mathias Bynens,

47
@MathiasBynens: e fortunatamente questo è documentato: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/… . "se non è un numero, il valore predefinito è 0"
tokland il

12
Dovresti sottolineare che String.fromCharCode( asciiNumVal ), a differenza , nonstringInstance.charCodeAt( index ) è un metodo statico della classe String
bobobobo,

26
@Mathias Bynens, Certamente fa lo zero, ma ho appena eseguito un test di scarso interesse sulle prestazioni ed esegue ** relativamente male rispetto a 0. jsperf.com/default-to-0-vs-0/4 ** È solo una differenza relativa, in entrambi i casi è molto molto veloce.
guadare Montague

386

String.prototype.charCodeAt()può convertire caratteri stringa in numeri ASCII. Per esempio:

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

Per un uso opposto String.fromCharCode(10)che converte i numeri in caratteri ASCII uguali. Questa funzione può accettare più numeri e unire tutti i caratteri, quindi restituire la stringa. Esempio:

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

Ecco un rapido riferimento ai caratteri 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": ""
}

30
Migliore riferimento ascii: en.wikipedia.org/wiki/ASCII - Sono abbastanza orgoglioso che la colorazione che ho fatto per le tabelle in quella pagina rimanga lì dopo quasi 10 anni
:)

9
@theGrayFox C:\> man asciiBad command or file name
e2-e4

Si noti che questi metodi sono compatibili con UTF-16, il che significa che a seconda della stringa di input, charCodeAt può estendere valori ASCII oltre 1 byte oltre 0-127. Non dare per scontato che rientri in tale intervallo se l'input di stringhe arbitrarie viene accettato e gestito da JavaScript.
theferrit32

31

Se hai un solo carattere e non una stringa, puoi usare:

'\n'.charCodeAt();

omettendo lo 0 ...

Tuttavia è più lento. Con l'attuale versione di Chrome, è 5 volte più lento.


10
Questo in realtà richiede più tempo. È più veloce usare solo lo zero. (Sul mio computer, ci sono voluti circa il doppio del tempo — 0,055s contro 0,126s attraverso alcune diecimila iterazioni)
royhowie,

23

Mentre le altre risposte sono giuste, preferisco così:

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

Quindi, per usarlo, semplicemente:

var lineBreak = ascii("\n");

Lo sto usando per un piccolo sistema di scelta rapida:

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

E puoi anche usarlo all'interno di map () o altri metodi:

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

Solo per la bellezza un nuovo modo ES6 per scriverlo: const ascii = a => a.charCodeAt(0);
axkibe

20

Per quelli che vogliono ottenere una somma di tutti i codici ASCII per una stringa:

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

Oppure ES6:

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

1
Ricontrolla la tua ultima riga.
Ypnypn,

Elegante! come funzione: funzione ascii (str) {return str .split ('') .map (function (char) {return char + ":" + String (char.charCodeAt (0)) + "\ n";}) .reduce (funzione (corrente, precedente) {corrente di ritorno + precedente;}); }
Darren Griffith,

1
[...'Foobar'].reduce((i,s)=>s.charCodeAt(0)+i,0)
Nick,

1
Nessuno ha chiesto la somma di tutti i codici ASCII in una stringa e è improbabile che lo facciano mai.
Carl Smith,

8

JavaScript memorizza le stringhe come UTF-16(doppio byte), quindi se si desidera ignorare il secondo byte, è sufficiente rimuoverlo con un &operatore bit a bit 0000000011111111(cioè 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

perché vorresti ignorare il secondo byte?
Roberg,

3
Si pone una domanda sulla produzione di ASCII da una stringa UTF-16 (doppio byte). Prima o poi otterrai codici non ascii se non riesci a ignorare il secondo byte.
Steven de Salas,

1
@Steven de Salas - La tua 'soluzione' per ottenere codici non ASCII per caratteri non ASCII è di restituire un codice ASCII errato ??
Carl Smith,

@CarlSmith, non quello sbagliato. Solo per eliminare il componente non ascii del personaggio. Se lavori con byte singoli questo è utile. Tuttavia, il tuo progetto potrebbe richiedere una soluzione diversa.
Steven de Salas,

4

Per garantire pieno supporto Unicode e reversibilità, considerare l'utilizzo di:

'\n'.codePointAt(0);

Ciò garantirà che quando si testano i caratteri oltre il limite UTF-16, si otterrà il loro vero valore in punti di codice.

per esempio

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

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

Potrebbe anche essere utile convertire il carattere speciale in notazione esadecimale, poiché alcuni editor di testo potrebbero non funzionare correttamente dovendo gestire direttamente tali caratteri. Ad esempio: alert (str.hexEncode (). HexDecode ());
Jose Tepedino,

2

È possibile inserire un carattere e ottenere il codice Ascii utilizzando questo codice

Ad esempio, inserisci un carattere come A Ottieni Ascii Code 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>


1

Per supportare tutti gli UTF-16 (anche caratteri non BMP / supplementari ) da ES6 è disponibile il metodo string.codePointAt () ;

Questo metodo è una versione migliorata di charCodeAt che potrebbe supportare solo punti di codice unicode <65536 (2 16 - un singolo 16 bit).


4
Vale la pena ricordare che nonString.prototype.codePointAt() è supportato da nessuna versione di Internet Explorer . (Tuttavia, è supportato su Edge.) È possibile ottenere un polyfill qui .
mgthomas99
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.