JavaScript 数组常用方法与字符串的操作

创建数组的方式

  • 面向对象的方式创建
    var aRr01 = new Array(1,2,3,'abc');
  • 直接创建
    var aRr02 = [1,2,3,'def'];//推荐使用,性能更高
  • 获取数组的成员数量(长度)
    alert(aRr02.length);
  • 获取数组指定下标对的元素
    alert(aRr02[3]);
  • 多维数组
    多维数组指的是数组的成员也是数组的数组。

var aList = [[1,2,3],['a','b','c']]
alert(aList[0][1]); //弹出2;

var aRr = [1,2,3,4];
        用-连接数组元素并转为字符串
        var sTr = aRr.join("-");//用-连接数组元素并转为字符串,弹出1-2-3-4

         var sTr = aRr.join('');//用空串连接
         alert(sTr);//弹出1234

        向数组最后追加元素
         aRr.push(5);
         alert(aRr);//1,2,3,4,5

             删除末尾元素
         aRr.pop();
         alert(aRr);//1,2,3

        向最前面插入元素0
         aRr.unshift(0);
         alert(aRr);//0,1,2,3,4

        删除第一个(索引为0的)元素
         aRr.shift();
        alert(aRr);//2,3,4

        反转
         aRr.reverse();
         alert(aRr);//4,3,2,1

        查找字母'b'第一次出现的索引
        var aRr2 = ['a','b','c','d','a','b','c','d'];
        var num = aRr2.indexOf('b');
         alert(num);//1

        从第2索引元素开始,删除1个元素
         aRr2.splice(2,1);//删除c
         alert(aRr2);//a,b,d,a,b,c,d

        从第2索引元素开始,删除1个元素,再插入e
         aRr2.splice(2,1,'e');//把c替换成e
         alert(aRr2);//a,b,e,d,a,b,c,d

        删除后面的abcd,改为fghi
        aRr2.splice(4,4,'f','g','h','i');
        alert(aRr2);//a,b,c,d,f,g,h,i
通过标签获取元素
window.onload = function(){
            获取页面上所有的li
             var aLi = document.getElementsByTagName('li');

            获取id为list01的ul
            var oList = document.getElementById('list01');
            再获取这个ul下的所有li
            var aLi = oList.getElementsByTagName('li');
            alert(aLi.length);//8
             aLi.pop();//错误用法,aLi是一个类似数组的选择集,没有数组通用的一些方法

            aLi[0].style.backgroundColor = 'gold';
            aLi[1].style.backgroundColor = 'gold';
        }
数组去重

    数组去重
    
                    
                    

你可能感兴趣的:(JavaScript 数组常用方法与字符串的操作)