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

发布了110 篇原创文章 · 获赞 124 · 访问量 100万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 撸撸猫 设计师: 设计师小姐姐

分享到微信朋友圈

×

扫一扫,手机浏览