;
3.数组的初始化
(1)var 数组的名称=new Array(‘值1’,值2,‘值3’,…)//js 是一种弱类型的脚本语言索引可以存储不同的数据类型.
(2)var 数组的名称=[值1,值2,值3,…]
(3)var 数组的名称=new Array()
例:

< type=\"text/ \">
    var arr=new Array(\'Hello\',\'InLett\',100,true,34.23);
//    根据索引获取值
    alert(arr[1]);//输出结果InLett
</ >
1
2
3
4
5
重点:通过遍历数组的方式来获取数组中的数据
4.操作数组数据的方式
(1)join():将数组成员通过一个分割符合并成字符串
例:

< type=\"text/ \">
//    (1)join():将数组成员通过一个分割符合并成字符串
    var arr=[12,23,1,0,23,45];
    var str=[\'L\',\'O\',\'V\',\'E\'];
//    alert(str.join(\'-\'));//输出结果为L-O-V-E
    alert(arr.join(\'*\'));    //输出结果为12*23*1*0*23*45
</ >

1
2
3
4
5
6
7
8


(2)push()和pop(): 在数组的最后添加或是删除成员
例:

< type=\"text/ \">
    var arr1=[\'html\',\' \',\'css\'];
    var num= arr1.push(\'jQuery\'); 
    alert(arr1);
</ >
1
2
3
4
5
例:

< type=\"text/ \">
    var arr1=[\'html\',\' \',\'css\'];
    arr1.pop();
    alert(arr1);
</ >
1
2
3
4
5
(3)unshift()和shift(): 在数组的最前面添加或是删除成员
例:

< type=\"text/ \">
    var arr1=[\'html\',\' \',\'css\'];
    arr1.unshift(\'jQuery\');
    alert(arr1);
</ >
1
2
3
4
5
例:

< type=\"text/ \">
    var arr1=[\'html\',\' \',\'css\'];
    arr1.shift();
    alert(arr1);
</ >
1
2
3
4
5
(4)reverse(): 表示为将数组的数据进行翻转
例:

< type=\"text/ \">
    var num1=[1,2,3,4,5,6];
    num1.reverse();
    alert(num1);
</ >
1
2
3
4
5
(5)indexOf()和lastIndexOf:这两个方法都是用来搜索整个数组中具有给定值的元素,返回找到的第一个元素的索引,如果没找到,则返回-1.
indexOf表示返回数组中元素第一次出现的索引值,
lastIndexOf则是反向搜索.
例:

< type=\"text/ \">
    var num2=[1,2,13,1,2,2];
    var index= num2.indexOf(2);//返回第一次出现2的索引
    alert(index);//输出结果为1
</ >
1
2
3
4
5
例:第一个值表示要查询的数据;第二个值表示起始要查询的索引;查询不到返回-1

< type=\"text/ \">
    var num2=[1,2,13,1,2,2];
    var index= num2.indexOf(2,3);
    //var index=num2.indexOf(2,6);  //查询不到返回-1
    alert(index);//输出结果为4
</ >
1
2
3
4
5
6
(6)splice():在数组中添加成员
例:

< type=\"text/ \">
    var num4=[1,2,3,4,5,6];
    num4.splice(1,2,7,8,9);//第一个值1表示要开始添加成员的索引位置;第二个值2表示删除2两个成员(包含自身);第三个值7,8,9 表示 在此位置上添加 7,8,9
    alert(index);//输出结果为1789456
</ >
1
2
3
4
5
(7)slice():从一个数组中选择(截取)元素
例:第一个值表示开始截取的位置索引;第二个值表示截取结束位置的索引,但是并不包含结束位置索引所对应的成员

< type=\"text/ \">
    var num5=[2,3,4,5,6,7];
    var num6= num5.slice(2,4);
    alert(num6);//输出结果为4,5
</ >
1
2
3
4
5
(8)sort():返回排序后的数组.如果数组包含undefined,会被排序到数组的尾部.如果不带参数的用sort(),数组元素以字母表顺序排序.

< type=\"text/ \">
    var a=[2,33,1111,444];
    a.sort();
    alert(a);
</ >
1
2
3
4
5
< type=\"text/ \">
    var a=[\'a\',\'c\',\'g\',\'j\',\'r\',\'e\',\'d\',\'q\',\'z\',\'u\'];
    a.sort();
    alert(a);
</ >
1
2
3
4
5
< type=\"text/ \">
    var c=[\'a\',\'abc\',\'def\',\'b\',\'zyujg\',\'jgi\',\'j\',1,222,777,55,44,66,8888,99];
    c.sort();
    alert(c);
</ >
1
2
3
4
5
如果是数字从小到大排序:

< type=\"text/ \">
    var a=[2,33,1111,444]
    a.sort(function(a,b){
        return a-b
    })
    alert(a);
</ >
1
2
3
4
5
6
7
(9)concat():创建并返回一个新的数组
例:

< type=\"text/ \">
    var a = [1,2,3];      
    var b = a.concat(4,5);         
    var c = a.concat([4,5]);         
    console.log(a); //返回的还是1,2,3
    console.log(b); //返回1,2,3,4,5
    console.log(c);  //返回1,2,3,4,5
</ >
1
2
3
4
5
6
7
8
这个方法还可以用来复制数组。
例:

< type=\"text/ \">
    var a = [1,2,3];        
    var b = a.concat();                 
    console.log(a); //返回1,2,3
    console.log(b); //返回1,2,3
</ >
1
2
3
4
5
6
(10).toString()和toLocaleString()

toString()方法将每个元素转化为字符串,类似于不传参的join()方法.

toLocaleString()方法是toString()的本地化版本.
(11).forEach()方法,从头至尾遍历数组,为每个元素调用指定的函数.
例:

< type=\"text/ \">
    var a = [1,2,3,4,5];       
    var sum = 0;             
    a.forEach(function (value) {
        sum += value
    })             
--------------------- 
作者:花生大帝 
来源:CSDN 
原文:https://blog.csdn.net/qq1026432050/article/details/84930981 
版权声明:本文为博主原创文章,转载请附上博文链接!

收藏 打印