HTML数组的基本操作（增删改查、删除重复元素）

一、创建数组

var testArray = new Array(); 

二、数组中添加元素

1）在数组的开头添加新元素 - unshift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.unshift("Lemon","Pineapple");

结果：

Lemon,Pineapple,Banana,Orange,Apple,Mango

2）在数组的第2位置添加一个元素 - splice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.splice(2,0,"Lemon","Kiwi");

结果：

Banana,Orange,Lemon,Kiwi,Apple,Mango

分析：

arrayObject.splice(index,howmany,item1,.....,itemX)index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, ..., itemX可选。向数组添加的新项目。

3）数组的末尾添加新的元素 - push()

var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.push("Kiwi")

结果：

Banana,Orange,Apple,Mango,Kiwi

三、判断元素是否在数组内

function contains(arr, obj) {      var i = arr.length;      while (i--) {          if (arr[i] === obj) {              return true;          }      }      return false;  }

使用：

var arr = new Array(1, 2, 3);  contains(arr, 2);//返回true  contains(arr, 4);//返回false  

四、删除指定值元素

function removeByValue(arr, val) {  for(var i=0; i<arr.length; i++) {    if(arr[i] == val) {      arr.splice(i, 1);      break;    }  }}

使用：

var somearray = ["mon", "tue", "wed", "thur"]removeByValue(somearray, "tue");//somearray will now have "mon", "wed", "thur"

五、除去数组中的重复元素

function unique(arr) {    var result = [], hash = {};    for (var i = 0, elem; (elem = arr[i]) != null; i++) {        if (!hash[elem]) {            result.push(elem);            hash[elem] = true;        }    }    return result;}

使用：

var arr = [1,2,2,3,7,8,5,4,4,3,6,2,1];console.log(unique(arr));结果：1,2,3,7,8,5,4,6

转载请注明出处：http://blog.csdn.net/chen_gp_x