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

拼搏现实的明天。 2022-06-13 04:40 1882阅读 0赞

一、创建数组

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

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

使用：

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"

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

使用：

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][http_blog.csdn.net_chen_gp_x]**

[http_blog.csdn.net_chen_gp_x]: http://blog.csdn.net/chen_gp_x