javascript删除数组元素并且数组长度减小的简单实例

 更新时间:2014年02月14日 10:03:57   作者:  
本篇文章主要是对javascript删除数组元素并且数组长度减小的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

实例如下:

复制代码 代码如下:

/**
 * 通过值删除数组元素
 *
 * @param mixed value 元素值
 * @returns array
 */
Array.prototype.deleteValue = function(value){
 var i = 0;
 for(i in this){
  if(this[i] == value) break;
 }
 return this.slice(0, i).concat(this.slice(parseInt(i, 10) + 1));
}

//示例
var test = new Array(1,5,3,4,2);
//输出5
console.log(test.length);
//删除值为4的元素
test = test.deleteValue(4);
//输出[1, 5, 3, 2]
console.log(test);
//输出4
console.log(test.length);

/**
 * 通过索引删除数组元素
 *
 * @param int index 元素索引
 * @returns array
 */
Array.prototype.deleteIndex = function(index){
 return this.slice(0, index).concat(this.slice(parseInt(index, 10) + 1));
}

//示例
var test = new Array(1,5,3,4,2);
//输出5
console.log(test.length);
//删除索引为1的元素
test = test.deleteIndex(1);
//输出[1, 3, 4, 2]
console.log(test);
//输出4
console.log(test.length);

相关文章

  • 浅析Javascript中双等号(==)隐性转换机制

    浅析Javascript中双等号(==)隐性转换机制

    这篇文章给大家详细介绍了javascript中双等号(==)隐性转换机制,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-10-10
  • javascript数组去重方法终极总结

    javascript数组去重方法终极总结

    这篇文章主要介绍了javascript数组去重终极总结,本文列举了3种javascript数组去重方法,并分别分析了它们的优缺点,需要的朋友可以参考下
    2014-06-06
  • JS动态计算移动端rem的解决方案

    JS动态计算移动端rem的解决方案

    移动设备分辨率五花八门虽然我们可以通过CSS3的media query来实现适配,但是这种做法并不能适配所有设备,这篇文章主要介绍了js动态计算移动端rem的解决方案,非常不错,感兴趣的朋友一起看看吧
    2016-10-10
  • Firefox div高度自适应

    Firefox div高度自适应

    IE不管设置div的高度与否,都会根据内容来自适应高度。但是FIrefox就没有这么聪明了。
    2009-04-04
  • antd/fusion表格增加圈选复制功能思路详解

    antd/fusion表格增加圈选复制功能思路详解

    我们存在着大量在PC页面通过表格看数据业务场景,表格又分为两种,一种是antd / fusion这种基于dom元素的表格,另一种是通过 canvas 绘制的类似 excel 的表格,这篇文章主要介绍了antd/fusion表格增加圈选复制功能,需要的朋友可以参考下
    2023-09-09
  • 你未必知道的JavaScript和CSS交互的5种方法

    你未必知道的JavaScript和CSS交互的5种方法

    网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的,下面与大家分享js与css交互的5种方法
    2014-04-04
  • JS中new Blob()详解及blob转file示例

    JS中new Blob()详解及blob转file示例

    这篇文章主要给大家介绍了关于JS中new Blob()详解及blob转file的相关资料,Blob Blob(Binary Large Object)表示二进制类型的大对象,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    这篇文章主要为大家详细介绍了HTML5+Canvas调用手机拍照功能实现图片上传,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • js+HTML5基于过滤器从摄像头中捕获视频的方法

    js+HTML5基于过滤器从摄像头中捕获视频的方法

    这篇文章主要介绍了js+HTML5基于过滤器从摄像头中捕获视频的方法,涉及javascript基于html5元素操作多媒体的使用技巧,需要的朋友可以参考下
    2015-06-06
  • 重写javascript中window.confirm的行为

    重写javascript中window.confirm的行为

    javascript中window.confirm这个方法很好用,可以弹出一个确认对话框.但有一个问题是,它默认的情况下,将选中那个"确定"按钮,当用户有意无意的在键盘回车,就是说按下Enter键的时候,就会自动返回true。在很多时候其实我们不希望这样
    2012-10-10

最新评论