数据结构与算法学习三(基于JavaScript)----BitMap

本文介绍了BitMap数据结构,用于处理大数据时节省空间并提高速度。通过位运算实现添加、检查成员的功能,并探讨了如何利用BitMap进行大数据排序。此外,文章还提到了布隆过滤器的概念,作为BitMap在处理字符串场景下的补充。

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

BitMap是用bit位来记录数据存在与否的一种算法。在处理大数据时,可以节省大量空间,速度也很快。
先来看一个例子。

     已知有n个整数,这些整数的范围是[0,100],请你设计一种数据结构,使用数组存储这些数据,并提供两种方法,
     分别是addMember和isExist.下面是这种数据结构的类的定义。
function FindClass(){
    var datas = [];//存储数据
    //加入一个整数
    this.addMember = function(member){
			//TODO
    }
    // 判断member是否存在
    this.isExist = function(member){
			//TODO
    }
}

//测试用例
var fc = new FindClass();
var arr = [0,3,5,6,9,34,23,78,99];
for (let i = 0; i < arr.length; i++) {
    fc.addMember(arr[i])
}
console.log(fc.isExist(3));
console.log(fc.isExist(7));
console.log(fc.isExist(78));

当实现addMember和isExist之后,执行上面的代码,预期输出的结果是:

		  true
		  false
		  true
实现方式 一
 //实现方式 一
 this.addMember = function(member){
     datas.push(member)
 }
 this.isExist = function(member){
     for (let i = 0; i < datas.length; i++) {
         if(datas[i]==member){
             return true;
         }    
     }
     return false;
 }
 //isExist 的实现方式2
 this.isExist = function(member){
     if(datas.indexOf(member)>=0){
         return true;
     }
     return false;
 }
实现方式 二

方式一虽然实现了功能,但是速度慢,不论使用for循环还是indexOf的方法,时间复杂度都是O(n),加入的元素越多,isExist方法的速度越慢, 我们需要一个时间复杂度是O(1)的算法,不论向里面增加了多少数据,isExist的执行速度都是常量时间。
通过索引操作数据,时间复杂度就是O(1)。题目说明这些数在0-100之间,那么就用每个数自身的值作为索引,比如3这个数,可以让data[3]=1, 就表示把3添加进来了。data[2]=0,表示2没有添加进来,如此,isExist方法就可以利用索引来判断member是否存在。

function FindClass(){
    var datas = new Array(100);
    //先都初始化为0
    for (let i = 0; i < datas.length; i++) {
        datas[i] = 0;;  
    }
    //添加一个整数
    this.addMember = function(member){
        datas[i] = 1;
    }
    //判断member是否存在
    this.isExist = function(member){
        if(datas[member]==1){
            return true;
        }else{
            return false;
        }
    }
}
更节省空间的算法

上面的算法已经很快了。但是却面临一个新的问题,如果数据非常多,多达1亿,每个整数是4

基于Javascriptbitmap处理,并且将位图输出为base64编码以便于浏览器进行显示。   一、Bitmap.create(width, height, bgcolor)     创建一个width x height像素大小的位图,底色为bgcolor所代表的颜色。     如:bitmap.create(10, 10, 0xff0000); // 创建一个10 x 10像素的底色为红色的位图 二、Bitmap.toBase64()     将位图输出为base64编码的带datauri头(data:image/bmp;base64,)的字符串,以便于在浏览器里显示。     如:document.getElementById('img1').src = bitmap.toBase64(); Bitmap.fromBase64()     自图像的BASE64编码中恢复位图数据,目前只支持24位色的BMP位图数据。     如:bitmap.fromBase64('Qk06AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=='); 四、Bitmap.setBitmapBytes(val, idx, length)     修改bitmap位图数据的第idx位置起的length字节为val值。 五、Bitmap.getBitmapBytes(idx, length)     获取bitmap位图数据的第idx位置起的length个字节的值,返回值为数组。 六、Bitmap.setHeaderValue(attribute, headerValue)     设置attribute头属性的值为headerValue,attribute必须为BitMapFormat的成员属性,需要提供offset、length等属性值。     如:bitmap.setHeaderValue(BitmapFormat.biWidth, 500); // 设置位图的宽度为500像素值 七、Bitmap.getHeaderValue(attribute)     获取位图attribute头属性的值,attribute必须为BitmapFormat的成员属性,需要提供offset、length等属性值,返回的是经过Endian转换后的实际整数值。 八、Bitmap.setPixel(x, y, color)     设置位图的(x, y)位置的像素值为color。 九、Bitmap.getPixel(x, y)     获取位图的(x, y)位置的RGB值,返回的内容为[ rr, gg, bb ]的数组内容 标签:jsBitmap
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值