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';
        }

数组去重

<meta charset="UTF-8">
    <title>数组去重</title>
    <script type="text/javascript">
        var aRr = [1,3,4,1,6,9,1,2,5,3,1,6,5,4,4];
        var aRr2 = [];

        for(var i=0; i<aRr.length; i++){
            //判断元素第一次出现的位置，恰好是当前索引时，就将元素放入新数组
            if(aRr.indexOf(aRr[i]) == i){
                aRr2.push(aRr[i]);
            }
        }

        alert(aRr2);//1,3,4,6,9,2,5

字符串处理的方法

/*字符串切断转成数组*/
        var sTr = '2018-06-20';
        var aRr = sTr.split('-');
        // alert(aRr);//2018,06,20
        // console.log(aRr);

        var aRr2 = sTr.split('');
        // console.log(aRr2);

        /*实际上就是修改了<title>标签的内容*/
        // document.title = aRr2;

        var sTr2 = '#div1';
        var sTr3 = '.div1';

        /*获取指定索引的字符*/
        var sTr4 = sTr2.charAt(0);
        if(sTr4 == '#'){
            // alert('id选择器');
        }

        /*查看子串第一次出现的位置*/
        var sTr5 = 'Microsoft Yahei';
        var num = sTr5.indexOf('Yahei');
        // alert(num);//10

        var num2 = sTr5.indexOf('xihei');
        // alert(num2);//没有找到就弹出-1

        /*substring截取子串*/
        //从10开始，截到15（包括开始位置，不包括结束位置）
        // var sTr6 = sTr5.substring(10,15);//Yahei
        //从10开始截取到末尾
        var sTr6 = sTr5.substring(10);//Yahei
        // alert(sTr6);

        /*全部转为大写字母*/
        // alert(sTr6.toUpperCase());//YAHEI
        /*全部转为小写字母*/
        alert(sTr6.toLowerCase());//yahei

字符串的反转

var sTr = "123asdf79888asdfe21";
1、split字符串转成数组
2、reverse数组反转
3、join数组转成字符串
var sTr2 = sTr.split('').reverse().join('');
alert(sTr2);//12efdsa88897fdsa321