JS基础之 数组

Posted 2020-10-31 代码运输工

数组：数组是使用单独变量名来存储一系列相同数据类型的值。

一维数组：①空数组：var 变量名= new Array（）；/ var 变量名=【】 ；，var 变量名=new Array（数组长度）；

　　　　　②有数值的数组： var 变量名 =new Array("1""2"）;/ var 变量名=【1,2,3】；

注意：
var arr1 = [3];  // arr1.length == 1, arr1[0] == 3
var arr2 = new Array(3); // arr2.length == 3, arr2[0] == undefined

 

多维数组： var twoArray = new Array();
twoArray[0] = new Array();// 数组index=0之中又new一个数组
twoArray[1] = new Array();// 数组index=1之中又new一个数组

// 构建twoArray[0]数组
twoArray[0][0] = "aa";
twoArray[0][1] = "ba";
twoArray[0][3] = "ca";
// 构建twoArray[1]数组
twoArray[1][0] = "acca";
twoArray[1][1] = "bada";
twoArray[1][3] = "cdasa";

 

var twoArray = [["A0B0","A0B1"],["A1B0","A1B1"],["A2B0","A2B1"]];

 

var twoArray = new Array();
for(var i = 0; i < firstIndex; i++){
twoArray[i] = new Array();
for(var j = 0; j < lastIndex; j++){
twoArray[i][j] = "database blabla";
}
}

　　　　　　　　　　　　　　　　遍历数组：

　　　　　　　　　　　　　　　　　　　　for循环 

　　　　　　　　　　　　　　　　　　　　var aa = new Array("1","2","3");
   　　　　　　　　　　　　　　　　　　 for(var i = 0;i<aa.length;i++){
       　　　　　　　　　　　　　　　　 alert(aa[i]);
   　　　　　　　　　　　　　　　　　　　 }


                              for-in

　　　　　　　　　　　　　　　　　　　　var aa = new Array("a","b","c");
   　　　　　　　　　　　　　　　　　　　　 for(var b in aa){
       　　　　　　　　　　　　　　　　　　　 alert(aa[b]);
   　　　　　　　　　　　　　　　　　　　　　　　　 }

　　 //向数组中添加值
    var arr=new Array(1,2,3,4,5);
    var len=arr.push(7,9);
    console.log(len,arr);//array.push() 在数组末尾添加值， 返回添加后的数组长度
    var arr=new Array(1,2,3,4,5);
    var len=arr.unshift(7,9);
    console.log(len,arr);//array.unshift() 在数组开头添加值 ，返回添加后的数组长度 ，与array.push()相反

    //删除数组中的值
    var arr=new Array(1,2,3,4,5);
    var val=arr.pop();
    console.log(val,arr);//删除数组中末尾的值 返回删除的值
    var arr=new Array(1,2,3,4,5);
    var val=arr.shift();
    console.log(val,arr);//删除数组中开头的值 返回删除的值 与pop()相反

    //数组转换字符串
    var arr=new Array(1,2,3,4,5);
    var str=arr.join(‘-‘);//间隔的字符串，默认为“，”
    console.log(str);//1-2-3-4-5

    //数组排序
    var arr=new Array(1,2,3,4,5);
    arr.reverse();//反转排序
    console.log(arr)// [5, 4, 3, 2, 1]
    var arr=new Array(1,2,3,4,5,59,6);
    arr.sort();
    console.log(arr);//输出 [1, 2, 3, 4, 5, 59, 6] 注意：sort()默认是转换字符串再排序 所以按照数字大小排序不正确
    //正确方法 写比较函数
    arr.sort(function(a,b){return a-b}); //升序
    console.log(arr);//输出 [1, 2, 3, 4, 5, 6, 59]
    arr.sort(function(a,b){return b-a});//降序
    console.log(arr);//输出[59, 6, 5, 4, 3, 2, 1]

 

 

 

对数组的内置操作函数：

    //连接数组
    var arr1=[1,2,3];
    var arr2=[4,5,6];
    var arr3=[7,8,9];
    var arr=arr1.concat(arr2,arr3,[10,11]);
    console.log(arr);//输出 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]

    //已有数组中返回选定元素
    var arr=new Array(1,2,3,4,5);
    var arr2=arr.slice(2);
    //第一个参数 start 开始选取的index 下标值 2为第三个值（0,1,2） 数字3开始 end 为可选 默认为到数组的末尾
    console.log(arr2);//输出 [3, 4, 5]
    //注意 end 参数为 该参数是数组片断结束处的数组下标 4 为 数字5的下标 截取5之前，也可以理成截取到end-1
    var arr2=arr.slice(2,4);
    console.log(arr2);//输出 [3, 4]  不是[3,4,5]
    //截取开始为负数
    var arr2=arr.slice(-2,4);
    //如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
    // 也可以转换成 数组长度（5）加 负数的值 （-2） 相当于arr.slice(3,4);
    console.log(arr2);//输出 [4]

    //splice()实现 删除 插入 替换数组
    //删除
    var arr=new Array(1,2,3,4,5);
    var arr2=arr.splice(1,2);//删除开始下标为1的值（2）开始的2个值 （2和3） 返回删除的值
    console.log(arr,arr2);//输出 [1, 4, 5] [2, 3]
    //插入
    var arr=new Array(1,2,3,4,5);
    var arr2=arr.splice(1,0,11,111);//在下标为1的值（2）之前插入值 ，参数第二个为0不删除，插入11,111
    console.log(arr,arr2);// [1, 11, 111, 2, 3, 4, 5] [] arr2返回为空数组 因为不删除
    //替换
    var arr=new Array(1,2,3,4,5);
    var arr2=arr.splice(1,2,11,111);//在下标为1的值（2）之前替换值 ，参数第二个为2删除2个值，再插入11,111
    console.log(arr,arr2);// [1, 11, 111, 4, 5] [2, 3]   //也就是 先删除再添加

    //查找值所在的下标
    var arr=new Array(1,2,3,4,5,6,7,3);
    var index=arr.indexOf(3);
    console.log(index);//返回2  检测第一个3出现的位置
    var index=arr.indexOf(3,4); //第二个参数 开始下标的值
    console.log(index);//返回7  检测第下标为4开始(数字5开始) 第一个3出现的位置
    var index=arr.indexOf(10);
    console.log(index);//返回-1  为查找到 返回-1
    //末尾就开始查找lastIndexOf()
    var index=arr.lastIndexOf(3);
    console.log(index);//返回7  
    //indexof() lastIndexOf() 低版本浏览器不兼容