有的时候代码里不得不带上一串长的字符数据表,原本就是小功能,将这种不大不小的数据外部存放显得累赘,放源码里又碍眼又占空间。
这时候数据适合的能够经过设计精巧的结构简化存储的占位,没办法简化的可能会手工替换一下重复次数多的字符,但数量一大就没办法手工操做了,这时候应该用压缩算法来帮助咱们。html
此次遇到数据相似这样,只有三种字符:0
、1
、2
。算法
00000002000000000000000000000000000000000100000000000000000000001000010000000000000000000000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000011000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000010000000000000000100100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000100000000000000000000100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000001000010000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000011000000000000000000000000000000000000000000000000000000000000000000010000000000000000001000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100100000000000000000001000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000020000000000000000002000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
整体长度实际上也不算多,大约上上面贴出来部分的十倍。因此选用的压缩算法不用太复杂、也不能太耗时,能简化存储占位就达到目的了。segmentfault
数据压缩算法有蛮多,比较容易见到的像是Huffman编码
、gzip
、ZigZag
、LZ
系列等,有一些适合文本压缩有一些只适合文件。同时找了一些现成能够压缩的工具或者代码简单试了试Huffman编码
、LZW
、LZ77
、LZ-string
、Gzip
,发现仍是LZW
在编码后的长度与编码代码长度上最适合的,边了解边尝试其实也花了一些时间,试好了代码也差很少改出来了。工具
中间有考虑能够分割固定位数转化成对应字符,但因为0太多,会转出来不少非可见字符,因此仍是老老实实用压缩算法。post
LZW
是Lempel-Ziv-Welch
的缩写,最先是由Lempel
与Ziv
提出的,后来在1984年Terry Welch
提出了改进版。在如今常见的GIF
文件中就用到这种算法。更详细的介绍可看维基百科。优化
LZW
其基本概念是将重复的数据以短符号替代,因此适合有大量重复字符出现的字符串,重复越多压缩效率越好。缺点是对数据准确性要求很高,若是一个数据出现误差,直接影响后面的数据解码。
同时,若是压缩的字符有不少独立字符,这样字典会变得愈来愈大,因此在有的算法中还会增长清除标志,当字典到达预设大小时,会清除字典从新开始。像是GIF所使用的算法就有设置清除标志,设置大小是2^12,超过则清除。编码
几个基本概念:dict
,字典,通常是ASCII表作默认字典cW
,当前读取到的字符,每次只读入一位pW
,上一次留存的字符,第一次读取则为空,多是一位也多是多位str
,为pW
与cW
的字符拼接设计
一、一次只读一个字符
二、每次读取完cW
拼接在pW
以后,造成一个新的字符串为str
。
三、查询dict
里是否有这个新字符串str
。
3.no、若是没有,则将这个str
存入dict
中,并以一个新的字符做为代指。并将cW
的值存入pW
中。
3.yes、若是有则将这个str
存入pW
中,等待与下一次的cW
拼接成新的字符串
四、这样循环直到结束,而后输出所有代指的字符做为编码后的字符。code
一、一次只读取一个字符。
二、由于第一次编码的pW
为空,因此解码的第一个cW
字符确定是默认dict
里存在的字符,咱们能够直接解码输出。而且将cW
的值存入pW
中,以此为解码开端。
三、读取第二个cW
时,与前一个pW
拼接,造成新的字符串为str
,判断dict
中是否存在,若是不存在则将这个组合存入dict
中。再判断将要解码的字符是否存在dict
中。
3.yes,若是dict
中有,就读取出对应字符。
3.no,若是dict
中没有。这时候咱们应该想到编码的过程,遇到字典中存在的str
时,咱们会暂存住与下一次cW
拼接成新串,直到dict
中没有再存入。
因此遇到未知字符必然是咱们将要写入字典的那一位字符,因此字典中确定已经存了这个字符的一部分字典已存字符+一位cW字符
,并且这个字典已存在字符
恰是上一次保存的字符串,一位cW字符
则是这个字符串的开始字符,这样咱们就能还原出这个字符并写入字典中了。
四、不断循环这个解码过程,直到结束htm
解释起来比较繁琐,结合代码看会更容易理解,网上的JavaScript实现代码:
function compress(s){ var dic = {}; for(var i = 0; i < 256; i++){ var c = String.fromCharCode(i); dic[c] = c; } var prefix = ""; var suffix = ""; var idleCode = 256; var result = []; for(var i = 0; i < s.length; i++){ var c = s.charAt(i); suffix = prefix + c; if(dic.hasOwnProperty(suffix)){ prefix = suffix; } else { dic[suffix] = String.fromCharCode(idleCode); idleCode++; result.push(dic[prefix]); prefix = "" + c; } } if(prefix !== ""){ result.push(dic[prefix]); } return result.join(""); } function uncompress(s){ var dic = {}; for(var i = 0; i < 256; i++){ var c = String.fromCharCode(i); dic[c] = c; } var prefix = ""; var suffix = ""; var idleCode = 256; var result = []; for(var i = 0; i < s.length; i++){ var c = s.charAt(i); if(dic.hasOwnProperty(c)){ suffix = dic[c]; } else if(c.charCodeAt(0) === idleCode){ suffix = suffix + suffix.charAt(0); } else { } if(prefix !== ""){ dic[String.fromCharCode(idleCode)] = prefix + suffix.charAt(0); idleCode++; } result.push(suffix); prefix = suffix; } return result.join(""); }
咱们的数据只有三种字符:0
、1
、2
。因此原始的字典能够没必要那么大,直接写死便可
var dic = { 0: 0, 1: 1, 2: 2};
咱们编码出的数据是这样的:
0Āā02ĂąĆćĈā1ĉČĊĂċčđĒēĔēĄĕĘęĚěĜĝĞĝ1ĐğēĢģģĥđĐĨĦĬĭĮįİıęėIJČīĤĵĹĞķĔĥļİĿĺłĀĴŃņŇĽŁňĕŊćķōŋőŒœŔŕŀĀŐĆřŖŜŝŞĒŅşşšŠŢŦŧŨũŪūŬŭČŤIJśŮųŴđ
会发现这段编码若是放在源码中,第一眼感受会是乱码,并且真正的数据是这十倍,使用的很是见字符更多,看上去更像是乱码,万一真的乱码了也没法一眼辨认出来,因此咱们应当再美化一下。
一开始想的是用英文大小写+常见特殊字符,但发现这些彻底不够编码后的组合使用,因此干脆直接选汉字做为替代字符。
缺点就是,汉字实际占位会比英文字符大一些,但两害相权取其轻,为了提高一点美观度
,这点体积仍是能够牺牲的。
源码中使用的String.fromCharCode()
恰好就能够将UTF16序列转换成字符,因此无需特别麻烦的处理,只要选好汉字的起始位置便可。汉字区间是0x4E00
~0x9FA5
转化成十进制是19968
~40869
区间。只需简单的将索引idleCode
由256
改为19968
便可。
var idleCode = 19968;
输出以下:
0一丁02丂丅丆万丈丁1三丌上丂下不丑丒专且专丄丕丘丙业丛东丝丞丝1丐丟专丢丣丣严丑丐丨並丬中丮丯丰丱丙丗串丌丫两丵丹丞丷且严丼丰丿为乂一临乃乆乇丽乁么丕乊万丷乍之乑乒乓乔乕乀一乐丆乙乖乜九乞丒久也也乡习乢书乧乨乩乪乫乬乭丌乤串乛乮乳乴丑
虽然也不太好看,但放代码里至少比以前顺眼了些。
中文参杂数字也不是很舒服,因此把0
、1
、2
,也替换成汉字的零
、一
、二
。
var dic = { 0: '零', 1: '一', 2: '二'};
这时候要考虑一个问题,在不断递增的状况中极可能遇到零
、一
、二
,这样就与字典中的数据重合了,因此应当选一个比较大的区间。38646
是零
、19968
是一
、20108
是二
,因此在20108
以后与38646
以后的区间都是知足现有须要编码的数据组合,以后再选一个汉字笔划相对少的区间,简单的尝试了一下,最终选取25165
。
var idleCode = 25165;
来看看效果:
零才扎零二扏扒打扔払扎一扖扙扗扏托扚扞扟扠扡扠扑扢扥扦执扨扩扪扫扪一扝扬扠扯扰扰扲扞扝扵扳批扺扻扼扽找扦扤承扙扸扱抂抆扫抄扡扲抉扽抌抇抏才抁抐抓抔把抎投扢抗扔抄抚折択抟抠抡抢抍才抝打抦抣抩抪披扟抒抬抬抮抭抯抳抴抵抶抷抸抹抺扙抱承抨抻拀拁扞
比以前编码的会更舒服一些,在大量数据两种编码效果会更明显一点。
解码也很简单,作相应的替换就行,将字典替换成
var dic = { '零': '0', '一': '1', '二': '2'};
字典的值必须是字符串,由于代码中用到了String下的方法。
idleCode
也改为25165
为起始值。
var idleCode = 25165;
这样就能顺利解码了。
最后咱们整理一下代码,完整代码以下:
function LZW_compress(text){ const dict = { 0: '零', 1: '一', 2: '二' }, result = [] let temp = "", UTFCode = 25165 // 汉字笔画较少的区间开始 text.split("").reduce((prev, cur)=>{ const string = prev + cur if(dict[string]) temp = string; else{ dict[string] = String.fromCharCode(UTFCode++); result.push(dict[prev]); temp = cur.toString(); } return temp }, "") if(temp) result.push(dict[temp]); return result.join(""); } function LZW_uncompress(text){ const dict = { "零": "0", "一": "1", "二": "2" }, result = [] let UTFCode = 25165; text.split("").reduce((prev, cur)=>{ let string = "" if(dict[cur]) string = dict[cur] else string = prev + prev.charAt(0) if(prev) dict[String.fromCharCode(UTFCode++)] = prev + string.charAt(0); result.push(string); return string }, "") return result.join(""); }