[JavaScript] 文字列をBase64デコードする（.atob）

投稿日：2017年12月31日更新日：2018年1月1日

文字列をBase64デコードするには、window.atobを使用します。

サンプルソース

例）文字列「abcdefg」をBase64デコードする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Sample</title>
<script>
function test(){
  let val = window.atob("abcdefg");
  let obj = document.getElementById("d1");
  obj.innerText = val;
}
</script>
</head>
<body>
  <input type="button" value="ボタン" id="btn1" onclick="test();">
  <div id="d1"></div>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Sample</title>

function test(){

let val = window.atob("abcdefg");

let obj = document.getElementById("d1");

obj.innerText = val;

}

</script>

</head>

<body>

</body>

</html>

（結果）: i·yø

実行サンプル

文字を入力してボタンを押すと、Base64デコードした結果が表示されます。

Base64対象文字のみ指定してください。

【Base64で指定できる文字】

文字	10進	16進	2進
A	0	00	0
B	1	01	1
C	2	02	10
D	3	03	11
E	4	04	100
F	5	05	101
G	6	06	110
H	7	07	111
I	8	08	1000
J	9	09	1001
K	10	0A	1010
L	11	0B	1011
M	12	0C	1100
N	13	0D	1101
O	14	0E	1110
P	15	0F	1111
Q	16	10	10000
R	17	11	10001
S	18	12	10010
T	19	13	10011
U	20	14	10100
V	21	15	10101
W	22	16	10110
X	23	17	10111
Y	24	18	11000
Z	25	19	11001
a	26	1A	11010
b	27	1B	11011
c	28	1C	11100
d	29	1D	11101
e	30	1E	11110
f	31	1F	11111

文字	10進	16進	2進
g	32	20	100000
h	33	21	100001
i	34	22	100010
j	35	23	100011
k	36	24	100100
l	37	25	100101
m	38	26	100110
n	39	27	100111
o	40	28	101000
p	41	29	101001
q	42	2A	101010
r	43	2B	101011
s	44	2C	101100
t	45	2D	101101
u	46	2E	101110
v	47	2F	101111
w	48	30	110000
x	49	31	110001
y	50	32	110010
z	51	33	110011
0	52	34	110100
1	53	35	110101
2	54	36	110110
3	55	37	110111
4	56	38	111000
5	57	39	111001
6	58	3A	111010
7	59	3B	111011
8	60	3C	111100
9	61	3D	111101
+	62	3E	111110
/	63	3F	111111

解説

.atobメソッドに渡す文字は、"A～Z", "a～z", "0～9", "+", "/", "=" に限ります。
上記以外の文字を渡すと例外が発生します。
文字列をBase64エンコードするには、以下ページをご覧ください。
⇒ 文字列をBase64エンコードする

執筆者：とら