js算法--简单加密和解密

最新推荐文章于 2025-07-15 18:49:21 发布

信管1134-22

最新推荐文章于 2025-07-15 18:49:21 发布

阅读量7.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/xingguanghui_1134/article/details/52366149

js 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种利用JavaScript实现的简单字符串加密与解密的方法。通过charCodeAt()和fromCharCode()函数转换字符与ASCII码，结合map()遍历数组进行加密处理，并演示了如何在网页上实现用户输入加密及解密的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过获取输入的字符串，用简单的charCodeAt()将字符串变成ASCII码。加密部分。

获取列表中的ASCII码，将它们变成数组。用map()遍历数组将它们输出成字符串。解密部分。

html

<h2>告诉你一个秘密</h2>
<input type="text" id="secret">
<button id="btn1">提交</button>
<button id="btn2">揭秘</button>
<ul id="list">
</ul>

js代码：

window.onload = function(){
    var secret = document.getElementById('secret');
    var btn1 = document.getElementById('btn1');
    var btn2 = document.getElementById('btn2');
    var list = document.getElementById('list');
//加密部分

  btn1.onclick = function(){

	var value = secret.value;

	var arr_val = value.split(',');

	var ascii = arr_val.map(function(val){

		return (val.charCodeAt(0)+10)*2});

	list.innerHTML = "<li>+ascii.join()+"</li>;

//解密部分

	btn2.onclick = function(){

		var lis = document.getElementsByTagName('li');

		for(var i = 0;i<lis.length;i++){

			var con = lis[i].innerHTML.split(',');

			var letter = con.map(function(val){

				return String.fromCharCode(val/2-10)});

			lis[i].innerHTML = letter.join().replace(/,/g,'');}}

在其中的一些函数：

map(callback[,thisArg):该方法会给原数组的每个元素都按顺序调用一次callcack函数，每次执行后返回值组合成一个新数组。

例子1：

var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
/* roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9] */
例子2：

var map = Array.prototype.map
var a = map.call("Hello World", function(x) { return x.charCodeAt(0); })
// a的值为[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]

charCodeAt(index):index位数组中的哪个位置上的值，输出该值的Unicode。

fromCharCode():根据Unicode值输出对应的字符串。

getElementsByTagName:返回一个带有指定标签名的对象的集合。返回的顺序按照在文档中的位置。

join(separator):将数组中的所有元素放入一个字符串中，并用separator来分割。

例子：

<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join())
</script>
输出：

George.John.Thomas