二进制转换，字符串与arraybuffer相互转换

最新推荐文章于 2024-05-28 10:24:46 发布

哇哇哇卡

最新推荐文章于 2024-05-28 10:24:46 发布

阅读量7.5k

点赞数 1

分类专栏：笔记文章标签：字符串与arraybuffer相互转换

本文链接：https://blog.csdn.net/qq_44947708/article/details/100921349

版权

笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

哇哇哇卡

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
二进制转换，字符串与arraybuffer相互转换

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>字符串与arraybuffer相互转换</title> </head> <body> <input type="text" placeholder="请输入字符...
复制链接

扫一扫