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

通过获取输入的字符串,用简单的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

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xingguanghui_1134/article/details/52366149
个人分类: js
想对作者说点什么? 我来说一句

js简单加密字符串

Title

zwr_1022 zwr_1022

2018-03-02 16:51:21

阅读数:29

js中对字符串加密解密算法

2016年10月21日 1KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭