JavaScript数组的定义及常用方法

目录

前言

一、数组是什么?

二、数组的定义方式

1.字面量方法

2.构造函数创建

三、数组常用方法

1.push:在数组最后一位添加方法,可添加多个

2.pop:把数组的最后一位剪切(传参无效)

3.shift: 从数组第一位剪切

4.unshift: 从数组第一位添加 ,需要传参,传入要添加的内容,可传多个值(与push相反)

5.reverse:逆转,把原数组改变

6.splice:切片方法

7.sort:给数组排序,默认升序

8.contat:

arr.contat(arr1),即将arr1的内容拼接到arr上,不改变原数组

9.arr.toString,将数组变成字符串

10.slice

11.join,参数为字符串形式,不传参会以“,”连接,“”为空则返回字符串

12.split,这是字符串的方法,与join可逆,返回数组

总结





前言


本片文章简单介绍了数组的定义方式以及常用的方法有哪些,是javascript比较基础的知识,适用于入门同学查阅。





一、数组是什么?

数组是特殊的对象

例如:定义一个数组arr,var arr = [1,2,3],通过typeof获取arr的类型发现,arr这个数组是Object类型,但是通过typeof只能判断基本数据类型,不能判断具体数据类型,所以通过Object.prototype.toString.call(arr)可以去判断具体是什么类型。

typeof(arr) --- > Object

Object.prototype.toString.call(arr) --- > [Object Array]




二、数组的定义方式




1.字面量方法

1)var arr = []; //推荐




2.构造函数创建

2)var arr = new Array() //如果只传一位参数,那么就会当成长度处理,而不是第1位的值

三、数组常用方法

1)改变原数组的方法有:

push,pop,shift,unshift,sort,reverse,splice

2)不改变原数组的方法有:

concat,join,toString,slice

1.push:在数组的末位以后添加内容,可添加多个

JavaScript数组的定义及常用方法_第1张图片

2.pop:把数组的最后一个元素从其中删除,并返回最后一个元素的值(传参无效)

JavaScript数组的定义及常用方法_第2张图片

3.shift: 把数组的第一个元素从其中删除,并返回第一个元素的值(传参无效)

JavaScript数组的定义及常用方法_第3张图片

4.unshift: 在数组最前面添加元素值 ,需要传参,传入要添加的内容,可传多个值(与push相反)

JavaScript数组的定义及常用方法_第4张图片

5.reverse:逆转,将原数组的顺序倒置

JavaScript数组的定义及常用方法_第5张图片

6.splice:切片方法,从数组添加/删除项目,并返回删除的项目,改变原数组

1.两个参数:splice(从第几位开始,截取多少的长度),注意,数组的位置从0开始

JavaScript数组的定义及常用方法_第6张图片

2.两个以上参数:splice(从第几位开始,截取多少的长度,在切口处添加新的数据),第二个参数以后的数值都是新添加的数值内容

JavaScript数组的定义及常用方法_第7张图片

7.sort:给数组排序,默认升序

如何给一个数组降序排序?

 var arr = [1,2,3,4,5,6,7,8,9];
 var a = 1,b = 2;

arr.sort(function(a,b){

    return b-a; 

})
console.log(arr)

运行结果如下:

如何给一个有序的数组乱序?

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

arr.sort(function(){

    return Math.random() - 0.5; //Math.random()返回0-1之间的随机数,不确定是正负

})

//运行结果为随机排序

8.contat:

arr.contat(arr1),将arr1的内容拼接到arr上,不改变原数组

JavaScript数组的定义及常用方法_第8张图片

9.arr.toString,将数组变成字符串

10.slice,截取数组元素值,并返回截取内容,不改变原数组

arr.slice(从该位开始截取,截取到该位)

如果写一个参数:即从第几位开始截取,一直到最后;

支持负数参数,如果参数为负数,则会逆向截取;

不写参数:整个截取

JavaScript数组的定义及常用方法_第9张图片

11.join,参数为字符串形式,不传参会以“,”连接,“”为空则返回字符串

JavaScript数组的定义及常用方法_第10张图片

12.split,这是字符串的方法,与join可逆,返回数组





总结

以上就是今天要讲的内容,本文仅仅简单介绍了数组的定义以及常用方法,小伙伴们还是要在实战中练习才能更扎实的掌握精髓!本文仅供参考,如有知识讲解有误请各位大神及时指正。

你可能感兴趣的:(数组,前端基础,JavaScript,前端,javascript,数组)