js操作数组函数实例小结


Posted in Javascript onDecember 10, 2015

本文实例讲述了js操作数组函数。分享给大家供大家参考,具体如下:

1.删除数组中指定的元素

/**
 * 参考实例
foreach = function (obj, insp){
if(obj== null && obj.constructor != Array){

return [];
}
//obj是要处理的数组,obj==null 表示对象尚未存在;obj.constructor != Array 表示对象obj的属性的构造函数不是数组;
//constructor属性始终指向创建当前对象的构造函数。两个条件均满足,则返回空数组[];
//下面对constructor属性作进一步了解。
var obj= [1, 2, 3, 4]; // 等价于 var obj= new Array(1, 2, 3, 4);
console.log(obj.constructor === Array); // 返回true 表明obj的构造函数为Array;
var foo= function() { }; // 等价于 var foo = new Function();
console.log(foo.constructor === Function); // 返回true 表明foo的构造函数为Function;
var obj = new Foo(); //由构造函数实例化一个obj对象
console.log(obj.constructor === Foo); // 返回true 表明obj的构造函数为Foo;
 */
//删除数组中指定的元素
function del(val, arr)
{
  //检测参数
  if (arr == null && arr.constructor != Array) {
    return [];
  }
  var newarr = []; //不存在的保存到新数组中
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] != val)
      newarr.push(arr[i]);
  }
  return newarr;
}
alert(del(2, [1, 2, 3, 4, 5, 2]));

2.去除重复的元素

/**
 *去除数组中重复的元素
把元素的值存为一个新数组的key,key是不可以重复的,然后变量次数组即可
 */
function unique(data) {
  data = data || [];
  var a = {};
  len = data.length;
  for (var i = 0; i < len; i++) {
    var v = data[i];
    if (typeof(a[v]) == 'undefined') {
      a[v] = 1;
    }
  };
  data.length = 0;
  for (var i in a) {
    data[data.length] = i;
  }
  return data;
}
alert(unique([12,12,12,34]));

3.删除数组指定下标的元素

/**
 *删除数组的指定下标元素 
 *
 * i 的值是一直在变的,n的值是只有if条件成立的时候才会变(会依次递增)
 */
Array.prototype.remove=function(dx)
 {
  if(isNaN(dx)||dx>this.length){return false;}
  for(var i=0,n=0;i<this.length;i++)
  {
    if(this[i]!=this[dx])
    {
      this[n++]=this[i]
    }
  }
  this.length-=1
 }
var arr = [1,2,3,4,2,5];
alert(arr);
arr.remove(2);
alert(arr);

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript入门教程 Cookies
Jan 31 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
Oct 29 Javascript
JS 跳转页面延迟2种方法
Mar 29 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
electron中使用bootstrap的示例代码
Nov 06 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
Dec 10 #Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 #Javascript
javascript图片预加载完整实例
Dec 10 #Javascript
JavaScript动态插入CSS的方法
Dec 10 #Javascript
jQuery实现监控页面所有ajax请求的方法
Dec 10 #Javascript
js表单提交和submit提交的区别实例分析
Dec 10 #Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 #Javascript
You might like
杏林同学录(九)
2006/10/09 PHP
php二维数组转成字符串示例
2014/02/17 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
类之Prototype.js学习
2007/06/13 Javascript
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
javaScript语法总结
2016/11/25 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
2018/12/02 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
python 使用openpyxl读取excel数据
2021/02/18 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
TUMI马来西亚官方网站:国际领先的高品质商旅箱包品牌
2018/04/26 全球购物
C/C++程序员常见面试题一
2012/12/08 面试题
公司出纳岗位职责
2015/03/31 职场文书
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS