JavaScript-5-数组

数组

概念

1. 数组（Array）：一组数据的集合，存储在单个变量下的方式
2. 数组元素的类型是任意的
3. 获取数组元素：数组名[索引号]

创建方式

1. 利用new创建数组

var arr1 = new Array();

2. 利用数组字面量创建数组

var arr2 = [1,'string','',true];

使用

新增数组元素

1. 修改length长度扩容，默认值为undefined

var arr1 = [1];
arr1.length = 3;//arr1=[1,undefined,undefined]

2. 修改索引号扩容，不能直接给数组名赋值，会替换掉数组中的元素

arr1[4]='new';//arr1=[1,undefined,undefined,undefined,'new'];

检测是否为数组

1. instanceof运算符判断

var arrTrue = [];
var arrFalse = {};
console.log(arrTrue instanceof Array);//True
console.log(arrFalse instanceof Array);//False

2. H5新增方法 Array.isArray(参数)

console.log(Array.isArray(arrTrue));//True
console.log(Array.isArray(arrFalse));//False

添加删除数组元素

方法	push()	unshift()	pop()	shift()
目的	给数组追加新的元素	在数组开头添加新的元素	删除数组最后一个元素	删除数组第一个元素
原数组	发生变化	发生变化	发生变化	发生变化
返回结果	数组长度	数组长度	被删除的元素	数组第一个元素的值
参数	添加的元素	添加的元素	无参	无参

筛选数组

var oldArr=[2,4,3,50,0,1,5,8,32,212,-10];
var newArr = [];
//方法一
var j = 0;
for(var i = 0; i < oldArr.length; i++){
    if(oldArr[i] < 10){
        newArr[j] = oldArr[i];
        j++;
    }
}
//方法二
for(var i = 0; i< oldArr.length; i++){
    if(oldArr[i] < 10){
        newArr[newArr.length] = oldArr[i];
    }
}
//方法三
for(var i = 0; i < oldArr.length; i++){
    if(oldArr[i] < 10){
        newArr.push[oldArr[i]];
    }
 }

数组排序

1. 翻转数组

var initArr=[2,4,3,50,0,1,5,8,32,212,-10];
var reverseArr = [];
//方法一
for(var i = 0; i < initArr.length; i++){
    reverseArr[i] = initArr[initArr.length - i - 1];
}
//方法二
for(var i = initArr.length -1; i >= 0; i--){
    reverseArr[reverseArr.length] = initArr[i];
}
//方法三
for(var i = 0; i < initArr.length; i++){
    reverseArr.unshift(initArr[i]);
}
//方法四
reverseArr.reverse();

2. 冒泡排序

var initArr=[2,4,3,50,0,1,5,8,32,212,-10];
//方法一
for(var i = 0; i < initArr.length - 1; i++){
    for(var j = 0; j < initArr.length - i - 1; j++){
        if(initArr[j] > initArr[j + 1]){
             var temp = initArr[j];
             initArr[j] = init[j + 1];
             initArr[j + 1] = temp;
        }
    }
}
//方法二
initArr.sort(function(a, b){
    //return a - b;//升序
    return b - a;//降序
})

数组索引

1. indexof 只返回第一个满足索引的索引号，找不到元素返回-1
2. lastindexof 从后往前找第一个满足索引的索引号，找不到元素返回-1
3. 数组去重

var arr = [1,2,4,2,23,22,1,0,2];
function deDuplication(arr){
    var newArr = [];
    for(var index = 0; index < arr.length; index++){
    //在新建的数组中找不到原数组的数，说明是新元素，便添加进新数组中
       if(newArr.indexof[arr[index]] === -1){
           newArr.push(arr[index]);
       }
    }
    return newArr;
}

数组转换为字符串

1. toString()

var arr = [1,2,'123',123,true];
arr.toString();//1,2,123,123,true

2. join(分隔符)

arr.join('&');//1&2&123&123&true

数组拼接、截取

1. concat()连接两个或多个数组，返回一个新数组，不影响原数组

var arr1 = [1, 25, '', 43, 656, 2];
var arr2 = [4,3,'abc',22];
console.log(arr1.concat(arr2));//[1, 25, "", 43, 656, 2, 4, 3, "abc", 22]
console.log(arr1);//[1, 25, '', 43, 656, 2]
console.log(arr2);//[4,3,'abc',22]

3. slice()数组截取slice(begin, end)，返回被截取的新数组，不影响原数组

 var arr2 = [1, 25, '', 43, 656, 2];
 console.log(arr2.slice(1, 2));//[25]
 console.log(arr2);//[1, 25, '', 43, 656, 2]

4. splice()数组删除splice(起始位，删除个数),返回被删除的数组，会影响原数组

 var arr4 = [1, 25, '', 43, 656, 2];
 console.log(arr4.splice(1, 2));//[25,'']
 console.log(arr4);//[1,43,656,2]