二进制转换，字符串与arraybuffer相互转换_字符串转arraybuffer在线转换-优快云博客

本文介绍了一种在前端开发中实现字符串与ArrayBuffer相互转换的方法。通过实例代码展示了如何使用JavaScript将用户输入的字符串转化为ArrayBuffer，再将其转换回字符串显示在页面上，适用于需要处理二进制数据的场景。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字符串与arraybuffer相互转换</title>
	</head>
	<body>
		<input type="text" placeholder="请输入字符串" />
		<button class="btn">把字符串转为ArrayBuffer二进制数据</button>
		<button class="btn1">把内存中的二进制编码转为字符串显示在页面中</button>
		<p></p>
		<script>
			let val = document.querySelector("input");
			let btn = document.querySelector(".btn");
			let btn1 = document.querySelector(".btn1");
			let p = document.querySelector("p");
			let buf = null;
			btn.onclick = function(){
				//1得到输入的数据字符串
				let v = val.value;
				//2创建ArrayBuffer对象
				buf = new ArrayBuffer(v.length*2);
				//使用typeArray中的Uint16Array方法设置数据
				let uint16 = new Uint16Array(buf);
				//使用循环设置数据
				for(var i =0;i<v.length;i++){
					//使用charCodeAt字符转为二进制编码
					uint16[i] = v.charCodeAt(i);
				}
			}
			btn1.onclick = function(){
				p.innerHTML="内存中的字符串为："+String.fromCharCode.apply(null,new Uint16Array(buf));
			}
			
			
			
		</script>
		
	</body>
</html>