您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息
三六零分类信息网 > 盐城分类信息网,免费分类信息发布

js二次封装数组的使用介绍(代码)

2024/3/14 17:43:56发布22次查看
本篇文章分享给大家的内容是关于js数据结构二次封装我们的数组 ,内容很详细,接下来我们就来看看具体的内容,希望可以帮助到大家。
一、新建一个myarray类class myarray {    }
二、在这个类上初始化构造函数/** * 初始化构造函数 * @param capacity 容量 */constructor(capacity) {    // 初始化arr变量    this.arr = capacity === undefined ? [] : new array(capacity);    // 数组长度    this.length = 0;    // 数组容量    this.capacity = capacity;}
三、增加数组成员方法// 获取数组的长度getlength() {    return this.length;}// 获取数组的容量getcapacity() {    return this.arr.length;}// 判断数组是否为空isempty() {    return this.length === 0;}
四、增加数组添加元素方法/** * 在数组中在index插入一个新的元素e * @param index 索引 * @param e 元素 * 原理: * 首先在传进来index索引的位置向后面移动一位, * 然后把该index索引腾空出来放进传入的新的元素e, * 最后维护一下length,长度加1 */add(index, e) {    if (this.length === this.arr.length) {        throw new error('add failed. array is full.')    }    if (index < 0 || index > this.length) {        throw new error('add failed. request index >= 0 and index <= length'); } for (let i = this.length - 1; i >= index; i--) {        this.arr[i + 1] = this.arr[i];    }    this.arr[index] = e;    this.length++;}// 向数组首位添加一个新元素eaddfirst(e) {    this.add(0, e)}// 向数组所有的元素后面添加一个新元素eaddlast(e) {    this.add(this.length, e);}
五、增加数组中移除元素方法/** * 从数组中删除index位置的元素,返回删除的元素 * @param index * @returns {*} * 原理: * 首先找到索引index的位置, * 然后把索引后面的元素都向前移动一位,其实是把索引后面的翻盖前面一位的元素 * 最后维护一下length,减一 * */remove(index) {    if (index < 0 || index >= this.length) {        throw new error('remove failed. request index >= 0 and index <= length');    }    let ret = this.arr[index];    for (let i = index + 1; i < this.length; i++) {        this.arr[i - 1] = this.arr[i];    }    this.length--;    return ret;}// 从数组中删除第一个元素,返回删除的元素removefirst() {    return this.remove(0)}// 从数组中删除最好个元素,返回删除的元素removelast() {    return this.remove(this.length - 1)}// 从数组中删除元素eremoveelement(e) {    let index = this.findindex(e);    if (index != -1) {        this.remove(index);    }}
六、增加数组中查询元素和修改元素方法// 获取index索引位置的元素get(index) {    if (index < 0 || index >= this.length) {        throw new error('get failed. index is illegal.');    }    return this.arr[index];}// 修改index索引的元素eset(index, e) {    if (index < 0 || index >= this.length) {        throw new error('get failed. index is illegal.');    }    this.arr[index] = e;}
七、增加数组中包含,搜索方法// 查询数组是否包含e元素contains(e) {    for (let i = 0; i < this.length; i++) {        if (this.arr[i] === e) {            return true;        }    }    return false;}// 查找数组中元素所在的所在的索引,如果不存在e,则返回-1findindex(e) {    for (let i = 0; i < this.length; i++) {        if (this.arr[i] === e) {            return i;        }    }    return -1;}// 把数组转换为字符串,并返回结果tostring() {    let res = ;    console.log(`array: length = ${this.length}, capacity = ${this.capacity}.`);    res += [;    for (let i = 0; i = 0 and index <= length');        }        let ret = this.arr[index];        for (let i = index + 1; i < this.length; i++) {            this.arr[i - 1] = this.arr[i];        }        this.length--;        return ret;    }    // 从数组中删除第一个元素,返回删除的元素    removefirst() {        return this.remove(0)    }    // 从数组中删除最好个元素,返回删除的元素    removelast() {        return this.remove(this.length - 1)    }    // 从数组中删除元素e    removeelement(e) {        let index = this.findindex(e);        if (index != -1) {            this.remove(index);        }    }    // 获取index索引位置的元素    get(index) {        if (index < 0 || index >= this.length) {            throw new error('get failed. index is illegal.');        }        return this.arr[index];    }    // 修改index索引的元素e    set(index, e) {        if (index < 0 || index >= this.length) {            throw new error('get failed. index is illegal.');        }        this.arr[index] = e;    }    // 查询数组是否包含e元素    contains(e) {        for (let i = 0; i < this.length; i++) {            if (this.arr[i] === e) {                return true;            }        }        return false;    }    // 查找数组中元素所在的所在的索引,如果不存在e,则返回-1    findindex(e) {        for (let i = 0; i < this.length; i++) {            if (this.arr[i] === e) {                return i;            }        }        return -1;    }    // 把数组转换为字符串,并返回结果    tostring() {        let res = ;        console.log(`array: length = ${this.length}, capacity = ${this.capacity}.`);        res += [;        for (let i = 0; i < this.length; i++) {            res += this.arr[i];            if (i !== this.length - 1) {                res += ', '            }        }        res += ];        return res.tostring();    }}// 测试// 使用我们的类数组,声明一个容量为20的数组let arr = new myarray(20);// 首位增加数据arr.addfirst('波波');console.log(arr.tostring());// 输出:array: length = 1, capacity = 20.// 输出:[波波]for (let i = 0; i < 10; i++) {    arr.addlast(i)}console.log(arr.tostring());// 输出:array: length = 11, capacity = 20.// 输出:[波波, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]console.log(arr.findindex(4)); // 5// ...上面的方法都可以测试使用。
相关推荐:
 js的模块化分析(命名空间)    
什么是js变量对象?js变量对象详解以及注意事项
以上就是js二次封装数组的使用介绍(代码)的详细内容。
盐城分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录