JavaScript常用操作数组函数

数组操作函数

join(delimiter)            把数组中各个元素使用分隔符(delimiter)拼成字符串
concat(array1, array2, …)           合并数组,对原数组不影响,只是返回合并后的新数组
pop()                    删除并返回最后一个元素
push(element1, element2, …)            在数组末尾追加元素
shift()                  删除并返回第一个元素
unshift(element1, element2, …)        在数组开始位置添加元素
reverse()              将数组元素顺序首尾反转
sort(sortby)           给数组排序
slice(start, end)       返回一个新的数组,将start开始,到end结束(不包括end)之间的元素复制到新数组中
splice(start, count, replaceElement1, replaceElement2, …)      

删除或者替换数组元素,从start开始,对count个元素进行删除或替换

如果提供replaceElement参数则进行替换,否则进行删除操作,被替换的元素个数和replaceElements的个数不必相等
返回一个数组,包含被删除或替换掉的元素

下面我结合一些函数我们把常用的数组操作实例介绍

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);

时间: 2024-10-25 16:30:10

JavaScript常用操作数组函数的相关文章

js操作数组函数实例小结_javascript技巧

本文实例讲述了js操作数组函数.分享给大家供大家参考,具体如下: 1.删除数组中指定的元素 /** * 参考实例 foreach = function (obj, insp){ if(obj== null && obj.constructor != Array){ return []; } //obj是要处理的数组,obj==null 表示对象尚未存在:obj.constructor != Array 表示对象obj的属性的构造函数不是数组: //constructor属性始终指向创建当前

javascript js 操作数组 增删改查的简单实现_javascript技巧

函数定义 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } }

javascript中Array()数组函数详解_javascript技巧

在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. Array()是一个用来构建数组的内建构造器函数.数组主要由如下三种创建方式: array = new Array() array =

javascript 定义初始化数组函数_javascript技巧

方法一.js数组的定义与初始化 定义一维数组 方法1: var _TheArray = new Array);//定义 _TheArray[0]="1"; _TheArray[1]="2"; _TheArray[2]="3"; //初始化 方法2: var _TheArray = new Array("1","2","3");//直接定义并初始化 定义二维数组 方法1 var _TheA

在JavaScript中操作数组之map()方法的使用_基础知识

 JavaScript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果.语法 array.map(callback[, thisObject]); 下面是参数的详细信息:     callback : 从当前的元素函数产生新的数组的元素.     thisObject : 对象作为该执行回调时使用 返回值: 返回创建数组兼容性: 这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现.为了使它工作,你需要添加下面的脚本代码

javascript常用的数组方法介绍

join()方法: 方法Array.join()可以把一个数组的所有元素都转换成字符串,然后再把它们连接起来.可以指定一个可选的字符串来分隔结果字符串中的元素.如果没有指定分隔字符串,其默认使用逗号分隔元素.  代码如下 复制代码 var arr=[1,2,3];  //用数组直接量,定义一个三个元素的数组 var result = arr.join();  //result == '1,2,3' 变成字符串了 var result = arr.join("_"); //result

Javascript常用字符串判断函数代码分享_javascript技巧

具体的解释查看注释吧,这里就不多废话了,直接上代码: 复制代码 代码如下: /* function obj$(id)                      根据id得到对象  function val$(id)                      根据id得到对象的值  function trim(str)                      删除左边和右边空格  function ltrim(str)                    删除左边空格  function rt

PHP常用数组函数介绍_php技巧

在编程中查手册是少不了的,所以要会学着使用已有的东西,就如PHP中的数组处理函数已经有排序函数了,为什么还要在写东西是费着劲去写冒泡或者堆排或者快排呢. 编程是间接的过程,也是重用的过程,要写出好的代码是少不了设计模式来做支撑的,可能对初学者来说学习设计模式有些吃力(就像我当初看设计模式时,真是有点费劲),不过等你的代码量有一定积累时,在研究设计模式时,感觉设计模式真的挺有用的,能帮助你写出漂亮的代码.说着说着有点跑偏了,还是来总结一下php中对数组操作的常用函数吧. 以下总结的数组常用的函数,

javascript数组常用操作函数

网页特效数组常用操作函数 1. 数组length属性的值是这个数组的最大整数属性名加上1.它不一定等于数组里属性的个数: 1 var myarray = [];  2 alert(myarray.length); // 0  3    4 myarray[1000000] = true;  5 alert(myarray.length); //1000001 2. 在数组尾部添加一个新元素: 1 var numbers = ['zero', 'one', 'two'];  2 numbers[n