Konwertuj znak na kod ASCII w JavaScript

952

Jak przekonwertować znak na kod ASCII za pomocą JavaScript?

Na przykład:

uzyskaj 10 z „\ n”.

levik
źródło
10
Należy pamiętać, że metoda String.prototype.charCodeAt () sugerowana w większości odpowiedzi zwróci jednostkę kodującą UTF-16 (nawet pełne pełne kodowanie UTF-16 z przyczyn historycznych). Tylko pierwsze 128 punktów kodu Unicode jest bezpośrednim dopasowaniem kodowania znaków ASCII.
Álvaro González

Odpowiedzi:

1448
"\n".charCodeAt(0);
Jim
źródło
658
Przeciwnie jest String.fromCharCode(10).
viam0Zah
184
Ciekawostka: tak naprawdę nie potrzebujesz 0(wartość pierwszego argumentu) - wystarczy "\n".charCodeAt().
Mathias Bynens 17.10.11
47
@MathiasBynens: i na szczęście jest to udokumentowane: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/… . „jeśli nie jest liczbą, domyślnie ma wartość 0”
tokland
12
Należy podkreślić, że w przeciwieństwie do String.fromCharCode( asciiNumVal ), stringInstance.charCodeAt( index )to nie metoda statyczna klasy String
bobobobo
26
@Mathias Bynens, Z pewnością domyślnie wynosi zero, ale właśnie uruchomiłem test braku zainteresowania wydajnością i działa ** stosunkowo słabo w porównaniu z 0. jsperf.com/default-to-0-vs-0/4 ** To tylko względna różnica, w każdym razie bardzo, bardzo szybko.
wade montague
385

String.prototype.charCodeAt()potrafi konwertować znaki łańcuchowe na liczby ASCII. Na przykład:

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

W przeciwnym wypadku należy String.fromCharCode(10)zamienić liczby na równe znaki ASCII. Ta funkcja może akceptować wiele liczb i łączyć wszystkie znaki, a następnie zwracać ciąg. Przykład:

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

Oto krótkie odniesienie do znaków 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
źródło
30
Lepsze odniesienie do ascii: en.wikipedia.org/wiki/ASCII - Jestem całkiem dumny, że kolorystyka, którą zrobiłem dla tabel na tej stronie, pozostaje tam po prawie 10 latach
BT
9
@ theGrayFox C:\> man asciidajeBad command or file name
e2-e4
Zauważ, że metody te są kompatybilne z UTF-16, co oznacza, że ​​w zależności od ciągu wejściowego charCodeAt może przekraczać 1 bajtowe wartości ASCII 0-127. Nie zakładaj, że jest w tym zakresie, jeśli dowolne wprowadzanie ciągu jest akceptowane i obsługiwane przez JavaScript.
theferrit32,
31

Jeśli masz tylko jeden znak, a nie ciąg, możesz użyć:

'\n'.charCodeAt();

pomijając 0 ...

Jest jednak wolniejszy. W obecnej wersji Chrome jest 5 razy wolniejszy.

Marco Altieri
źródło
10
To trwa dłużej. Szybciej jest po prostu użyć zera. (Na moim komputerze zajęło to ~ dwa razy więcej - 0,055 vs 0,126 przez kilka dziesięciu tysięcy iteracji)
royhowie
23

Podczas gdy inne odpowiedzi są prawidłowe, wolę ten sposób:

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

Następnie, aby go użyć, po prostu:

var lineBreak = ascii("\n");

Używam tego do małego systemu skrótów:

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

Możesz nawet użyć go wewnątrz mapy () lub innych metod:

var ints = 'ergtrer'.split('').map(ascii);
Francisco Presencia
źródło
Dla piękna nowy sposób na napisanie tego w ES6: const ascii = a => a.charCodeAt(0);
axkibe
20

Dla tych, którzy chcą uzyskać sumę wszystkich kodów ASCII dla ciągu:

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

Lub ES6:

[...'Foobar']
  .map(char => char.charCodeAt(0))
  .reduce((current, previous) => previous + current)
Filip Dupanović
źródło
1
Sprawdź dwukrotnie swoją ostatnią linię.
Ypnypn
Elegancki! jako funkcja: function ascii (str) {return str .split ('') .map (function (char) {return char + ":" + String (char.charCodeAt (0)) + "\ n";}) .reduce (funkcja (bieżąca, poprzednia) {powrót prądu + poprzednia;}); }
Darren Griffith,
1
[...'Foobar'].reduce((i,s)=>s.charCodeAt(0)+i,0)
Nick
1
Nikt nie prosił o sumę wszystkich kodów ASCII w ciągu i jest mało prawdopodobne, aby to zrobiła.
Carl Smith
8

JavaScript przechowuje ciągi jako UTF-16(dwubajtowe), więc jeśli chcesz zignorować drugi bajt, po prostu usuń go za pomocą &operatora bitowego 0000000011111111(tj. 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
źródło
dlaczego chcesz zignorować drugi bajt?
Roberg,
3
Pytanie dotyczy produkcji ASCII z ciągu UTF-16 (dwubajtowy). Wcześniej czy później otrzymasz kody nie-ascii, jeśli nie zignorujesz drugiego bajtu.
Steven de Salas
1
@Steven de Salas - „Rozwiązaniem” dla uzyskania kodów spoza ASCII dla znaków spoza ASCII jest zwrócenie niewłaściwego kodu ASCII?
Carl Smith
@CarlSmith, nie ten zły. Aby tylko usunąć nie-asciiowy element postaci. Jeśli pracujesz z pojedynczymi bajtami, jest to przydatne. Twój projekt może jednak wymagać innego rozwiązania.
Steven de Salas,
4

Aby zapewnić pełną obsługę i odwracalność Unicode, rozważ użycie:

'\n'.codePointAt(0);

Zapewni to, że podczas testowania znaków przekraczających limit UTF-16 otrzymasz ich prawdziwą wartość punktową kodu.

na przykład

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

'𐩕'.charCodeAt(0);  // 55298
String.fromCharCode(55298);  // '�'
Ibrahim Lawal
źródło
Przydatna może być również konwersja znaku specjalnego na notację szesnastkową, ponieważ niektóre edytory tekstu mogą nie działać poprawnie, mając do czynienia z takimi znakami bezpośrednio. EG: alert (str.hexEncode (). HexDecode ());
Jose Tepedino,
2

Możesz wpisać znak i uzyskać kod Ascii za pomocą tego kodu

Na przykład wprowadź znak typu A You Get 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>

Keshav Gera
źródło
1

Do obsługi wszystkich UTF-16 (także znaków innych niż BMP / uzupełniających ) z ES6 dostępna jest metoda string.codePointAt () ;

Ta metoda jest ulepszoną wersją charCodeAt, która może obsługiwać tylko punkty kodowe Unicode <65536 (2 16 - pojedynczy 16 bitów).

maioman
źródło
4
Warto wspomnieć, że nieString.prototype.codePointAt() jest obsługiwany przez żadną wersję programu Internet Explorer . (Jednak jest ona obsługiwana przez Edge.) Można uzyskać PolyFill tutaj .
mgthomas99