JS-数组详解

JS-数组

数组(Array)，数组也是一个对象，它和普通对象功能类似，也是用来存储一些值的。
不同的是普通对象是使用字符串作为属性名的，而数组是利用数字作为索引操作元素。
索引:从零开始的整数就是索引。
数组的存储性能比普通对象要好，在开发中我们经常用数组存储一些数据。

创建数组

var arr=new Array();
console.log(typeof arr);//object

向数组中添加元素

语法:数组[索引]=值

arr[0]=10;
arr[1]=20;
console.log(arr);//10,20

读取数组中的元素

语法:数组[索引]
如果读取的索引不存在，不会报错而是返回undefined

console.log(arr[0]);//10

获取数组的长度

可以使用length属性来获取数组长度
语法:数组名.length
对于连续的数组，使用length可以获取数组长度(元素个数)
对于非连续的数组，使用length或获取到数组的最大索引+1

console.log(arr.length);//2

修改length

如果修改的length大于原长度，则多出部分会空出来。
如果修改的length小于原长度，则少于的部分将会删除。
向数组的最后一个位置添加元素
语法:数组名[数组名.length]=值;

arr[arr.length]=30;

使用字面量创建数组

var arr=[];
console.log(typeof arr);//object

使用字面量创建数组时，可以在创建时就指定数组中的元素。

var arr=[1,2,3,4];
console.log(arr[1]);//2

数组中的元素可以是任意数据类型

arr=["hello",null,123,ture,undefined];
console.log(arr[1]);//null

也可以是对象

arr=["hello",null,123,ture,undefined];
var obj={
    name:"小阿涵"
}
arr[arr.length]=obj;
console.log(arr[5]);//object
console.log(arr[5].name);//小阿涵

也可以是函数

arr=[function (){alert(1)}];
//调用
arr[0]();

二维数组

二维数组即在数组中存放数组

arr=[[1,2,3],[4,5,6],[7,8,9]];
console.log(arr[0]);//1,2,3

数组的方法

push()方法

该方法可以向数组末尾添加一个或多个元素，并返回数组新的长度
可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾
该方法也可以将数组的新长度作为返回值返回

var arr=["小阿涵","小张","阿涵"];
var result=arr.push("11","22","张涵");
console.log(result);//6

pop()方法

该方法可以删除数组的最后一个元素,并将删除元素作为返回值

result=arr.pop();
console.log(result);//张涵

unshift()方法

该方法向数组开头添加一个或多个元素，并返回新的数组长度

arr.unshift("222");
console.log(arr);

shift()方法

该方法可以删除数组的第一个元素，并将被删除的元素作为返回值返回

arr.shift("222");
console.log(arr);

slice()方法

该方法可以从数组中提取指定元素
该方法不会改变元素数组，而是讲解渠道的元素封装到一个新数组中返回
参数:
1.截取开始位置的索引，包含开始索引
2.截取结束的位置的索引，不包含结束索引
索引可以传递一个负值,如果传递的是一个负值，则从前后往前计算

var arr=["11","22","33","44","55"];
var result=arr.slice(1,3);
result=arr.slice(3);
result=arr.slice(1,-1);
console.log(result);

splice()方法

该方法可以删除数组中指定的元素
该方法会影响原数组，会将指定元素从原数组中删除，并将被删除的元素作为返回值返回
参数:
1.表示开始位置的索引
2.表示删除的数量
3.替换删除的元素

var result=arr.splice(1,2,"66");
console.log(result);

concat()方法

该方法可以将两个或者多个数字连接起来，组合而成一个新的数组并返回

var arr=[1,2,3];
var arr1=[4,5,6];
var result=arr.concat(arr1);
console.log(result);//1,2,3,4,5,6

join()方法

该方法可以将一个数组转换成一个字符串
该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
在join()中可以之当一个字符串作为参数，这个字符串将会成为数组中元素的连接符
如果不指定则默认使用,作为连接符

var arr=[1,2,3];
var result=arr.join("-");
console.log(result);//1-2-3

reverse()方法

该方法可以用来反转数组(前面的去后面，后面去前面)
该方法会直接修改原数组

var arr=[1,2,3];
var result=arr.reverse();
console.log(result);//3,2,1

sort()方法

该方法可以对数组进行排序

var arr=[1,3,2,6,4,8,5,9,7];
var result=arr.sort();
console.log(result);//1,2,3,4,5,6,7,8,9

数组的遍历

所谓的遍历，就是将所有数据都取出来

var arr=["111","222","333"];
for (var i=0;i<arr.length;i++){
    console.log(arr[i]);
}

练习

向新的数组中添加年龄大于18的对象

    function Person(name,age){
        this.name=name;
        this.age=age;
    }
    var per1=new Person(name="111",age=17);
    var per2=new Person(name="111",age=19);
    var per3=new Person(name="111",age=12);
    var per4=new Person(name="111",age=20);
    var perArr=[per1,per2,per3,per4];
    function arrAy(arr) {
        var newArr=[];
        for (var i=0;i<arr.length;i++){
            var p=arr[i];
            if (p.age>18){
                newArr.push(p);
            }
        }
        return newArr;
    }
    var result=arrAy(perArr);
    console.log(result);

数组去重

var arr=[1,2,3,4,5,6,4,3,7];
    for (var i=0;i<arr.length;i++){
        for (var j=i+1;j<arr.length;j++){
            if (arr[i]==arr[j]){
                arr.splice(j,1);
                j--;
            }
        }
    }
    console.log(arr);