前端知识数组及操作方法

数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的

定义数组的方法

//对象的实例创建

var aList = new Array(1,2,3);

//直接量创建

var aList2 = [1,2,3,'asd'];

操作数组中数据的方法

获取数组的长度:aList.length;

var aList = [1,2,3,4];

alert(aList.length); // 弹出4

用下标操作数组的某个数据:aList[0];

var aList = [1,2,3,4];

alert(aList[0]); // 弹出1

join() 将数组成员通过一个分隔符合并成字符串

var aList = [1,2,3,4];

alert(aList.join('-')); // 弹出 1-2-3-4

push() 和 pop() 从数组最后增加成员或删除成员

var aList = [1,2,3,4];

aList.push(5);

alert(aList); //弹出1,2,3,4,5

aList.pop();

alert(aList); // 弹出1,2,3,4

unshift()和 shift() 从数组前面增加成员或删除成员

var aList = [1,2,3,4];

aList.unshift(5);

alert(aList); //弹出5,1,2,3,4

aList.shift();

alert(aList); // 弹出1,2,3,4

reverse() 将数组反转

var aList = [1,2,3,4];

aList.reverse();

alert(aList);  // 弹出4,3,2,1

indexOf() 返回数组中元素第一次出现的索引值

var aList = [1,2,3,4,1,3,4];

alert(aList.indexOf(1));

splice() 在数组中增加或删除成员

var aList = [1,2,3,4];

aList.splice(2,1,7,8,9); //从第2个元素开始,删除1个元素,然后在此位置增加'7,8,9'三个元素

alert(aList); //弹出 1,2,7,8,9,4

多维数组

多维数组指的是数组的成员也是数组的数组

var aList = [[1,2,3],['a','b','c']];

alert(aList[0][1]); //弹出2;

获取元素

document.getElementById(''),通过id获取元素

document.getElementsByClassName(''),通过类名获取元素

document.getElementsByTagName(''),通过标签名获取元素

获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的dom元素

数组去重

var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];

var aList2 = [];

for(var i=0;i < aList.length;i++){

    if(aList.indexOf(aList[i])==i){

        aList2.push(aList[i]);

    }

}

alert(aList2);

你可能感兴趣的:(前端知识数组及操作方法)