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([code]arr.join()

)
</script>[/code]输出：

George.John.Thomas