数组(Array)/数组字面量/数组的方法/数组遍历/数组去重

数组也是一个对象,和普通的对象功能类似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性名,而数组是使用数字来作为索引操作元素。

索引:从0开始的整数

1.数组的存储性能比普通对象更好,在开发中经常使用数组存储一些数据。

2.使用typeof检查数组会返回object。

3.如果读取不存在的索引不会报错会返回undefined。

4.数组中的元素可以是任意的数据类型,也可以是对象,也可以是函数。

5.数组中也可以放数组,数组中放数组称为二维数组。

创建数组对象

var arr = new Array();

向数组中添加元素

语法:

数组 [索引] = 值;

例:

arr[0]=0;

arr[1]=10;

arr[2]=20;

获取数组的长度

可以使用length属性来获取数组的长度

语法:

数组.length

注:

1.对于连续的数组,使用length可以获取到数组的长度(元素的个数)。

2.对于非连续的数组,使用length可以获取到数组的最大的索引+1。

3.尽量不要创建非连续的数组。

修改length

如果修改的length大于原长度,则多出的部分会空出来。

如果修改的length小于原长度,则多出的元素会被删除。

向数组的最后一个位置添加元素

语法:

数组[数组.length]=值;

例:

arr[arr.length]=XXX;

使用字面量来创建数组

语法:[]

例:

var arr = [];

注:

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

2.使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递,元素之间使用逗号隔开。

创建一个只有一个元素10的数组

arr=[10];

创建一个长度为10的数组(一般不用)

arr2=new Array(10);

向数组的末尾添加一个或多个元素,并返回数组新的长度。

语法:

数组.push()

注:

1.可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾。

例:

arr.push(XXX,XXX,XXX······);

向数组的开头添加一个或多个元素,并返回数组新的长度。

语法:

数组.unshift()

注:

向前边加入元素后,其它元素的索引会依次调整。

删除数组的最后一个元素,并将被删除的元素作为返回值返回

语法:

数组.pop()

删除数组的第一个元素,并将被删除的元素作为返回值返回

语法:

数组.shift()

slice()

可以在数组中提取指定元素

语法:

数组slice(参数1,参数2)

第一个参数:截取开始的位置的索引,包含开始索引

第二个参数:截取结束的位置的索引,不包含结束索引

注:

1.该方法不会改变原始值,而是将截取到的元素封装到一个新数组中返回。

2.第二个参数可以省略不写,此时会截取从开始索引往后的索引元素。

3.索引可以传递一个负值,从后往前计算

splice()

可以用于删除数组中的指定元素,并添加新元素。

语法:

数组.splice(参数1,参数2,参数3···)

第一个参数:表示开始位置的索引

第二个参数:表示删除的数量

第三个参数及以后:可以传递新的元素,这些元素将会自动插入到开始位置索引之前(替换)

注:

1.使用会影响到原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回。

concat()

可以连接两个或多个数组,并将新的数组返回

语法:

数组1.concat(数组2,数组3···)

注:

1.该方法不会对原数组产生影响

join()

可以将数组转换为一个字符串

语法:

数组.join()

注:

1.不会对原数组产生影响,而是将转换后的字符串作为结果返回

2.在join中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符(默认是逗号)

例:

数组.join("连接符号")

reverse()

用来反转数组(前边的去后边,后边的去前边)

语法:

数组.reverse()

注:

会对原数组产生影响

sort()

可以对数组中的元素排序

语法:

数组.sort()

注:

1.会对原数组产生影响

2.默认按照Unicode编码进行排序,即使对于纯数字的数组,也会按照编码排序,可能会排序错误,可以指定排序规则。

3.可以在sort()添加一个回调函数,指定排序规则,回调函数中需要定义两个形参,浏览器会分别使用数组中的元素作为实参去调用回调函数,使用哪个元素调用不确定,但肯定的是在数组中a一定在b前边。浏览器会根据回调函数的返回值来决定元素的顺序,如果返回一个大于0的值,则元素会交换位置,如果返回一个小于0的值,则元素位置不变,如果返回一个0,认为两个元素相等,也不交换位置

例1:

//升序//

var arr=[5,4,2,6,5,8,7,7,2,8,5,9,4];

arr.sort(function (a,b) {

    if (a>b){

        return 1;

    }else if (a<b){

        return -1;

    }else {

        return 0;

    }

});

console.log(arr);

注:

将return的值的1和-1调换位置就是降序。

例2:

var arr=[5,4,2,6,5,8,7,7,2,8,5,9,4];

arr.sort(function (a,b) {

        return a-b;

});

console.log(arr);

注:

将return的值的a和b调换位置就是降序。

遍历数组就是将数组中所有的元素都取出来

例:

var arr=[0,1,2,3,4];/*创建数组*/

//遍历//

for (var i=0;i<arr.length;i++){

    console.log(arr[i]);

}

一般使用for循环去遍历数组,JS中提供了一个方法,用来遍历数组

forEach()

注:

1.这个方法只支持IE8以上浏览器

2.这个方法需要一个函数作为参数

3.数组中有几个元素函数就执行几次,每次执行时,浏览器会将遍历到的元素以实参的形式传递进来,我们可以来定义形参来读取这些内容。

4.浏览器会在回调函数中传递三个参数。第一个参数就是当前正在遍历的元素,第二个参数就是当前正在遍历的元素的索引,第三个参数就是正在遍历的数组。

 //数组去重//

 /*创建一个数组*/

 var arr = [1,2,3,2,1,1,1,3,13,4,2,5];

 //去重//

 /*获取数组中的每一个元素(遍历)*/

 for (var i=0;i<arr.length;i++){

     /*获取当前元素后的所有元素*/

     for (var j=i+1;j<arr.length;j++){

 /*判断两个元素值是否相等*/

        if (arr[i]==arr[j]){

             /*如果相等则证明出现了重复的元素,删除j对于的元素*/

            arr.splice(j,1);

             //当删除了当前j所在的元素,后边的元素会自动补位。不会再比较这个元素,需要再比较一次j所在位置的元素//

             /*使j自减*/

             j--;

         }

     }

 }

 console.log(arr);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值