数组对象的一些常用方法

数组对象

在这里主要是整理了数组的一些知识以及常用的一些方法。

1.创建数组的的两种方式

(1)利用数组字面量创建数组

var arr = [132]

(2)利用new来创建数组

var arr = new Array();//创建一的空的数组
var arr = new Array(2);//里面的2表示的是数组的长度
var arr = new Array(23)//等价于[2,3],表示数组里面有两个元素,2和3

2.检测是否为数组的两种方式

(1)instanceof 运算符

var arr = [2,5,1,9,2];
console.log(arr instanceof Array);//true

(2)Array.isArray(参数)

var arr = [2,5,1,9,2];
console.log(Array.isArray(arr));//true

3.添加删除数组元素方法(下面的方法都会修改原数组)

方法名说明返回值
push(参数1,参数2…)在数组末尾添加一个或多个数组元素返回值是数组的长度
unshift(参数1,参数2…)在数组开头添加一个或多个数组元素返回值是数组的长度
pop()删除的数组的最后一个元素,括号里面不跟参数,一次只能删除一个返回值是删除的那个元素
shift()删除数组的第一个元素,括号里面不跟参数,一次只能删除一个返回值是删除的那个元素

4.数组翻转与排序的方法(会修改原数组)

(1)翻转数组 reverse()

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

(2)数组排序sort()

var arr = [1,8,9];
arr.sort();//只能对个位数进行排序,所以我们一般会在里面写一个函数,如下
arr.sort(function(a,b) {
            return a-b;//升序
            return b-a;//降序,两个写一个即可
        })

5.数组索引方法

方法名说明返回值
indexOf()从头开始查找,在数组中查找给定元素的第一个索引如果存在返回索引号,不存在返回-1
lastIndexOf()从尾开始查找,在数组中查找给定元素的第一个索引如果存在返回索引号,不存在返回-1

在这里延申一个数组去重案例,比较重要,可以封装一个去重函数。
该案例核心算法:先去遍历旧数组里面的元素,然后去与新数组对比,如果新数组里面没有此元素,就添加进去,如果有,就不添加进去

//1.声明函数
function unique(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                if (newArr.indexOf(arr[i]) == -1) {
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
//2.调用函数
console.log(unique(['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b']));//['c', 'a', 'z', 'x', 'b']

6.数组转化为字符串的方式

方法名说明返回值
toString()把数组转化为字符串,逗号分隔每一项返回一个字符串
join(‘分隔符’)该方法用于把数组中的所有元素都转换为一个字符串返回一个字符串

7.其余一些常用方法

方法名说明返回值
concat()连接两个或多个数组,不影响原数组返回一个新的数组
slice()数组截取slice(begin,end),包括 begin,不包括end,原始数组不会被改变。返回被截取项目的新数组
splice()数组删除splice(第几个开始,删除个数)返回被删除项目的新数组,会影响原数组
用法示例
//1.concat()
var arr = [1,2];
var arr1 = [3,4]; 
console.log(arr.concat(arr1));/[1,2,3,4]
//2.slice()
var arr = [1,2,4,5,8,99,10];
console.log(arr.slice(2,5));//[4,5,8],括号里面写的是索引号
//3.splice()
var arr = [1,2,4,5,8,99,10];
console.log(arr.splice(2,5));//[4, 5, 8, 99, 10]相当于截取元素
console.log(arr);//[1,2]该方法会影响原数组
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值