数组的使用

文章目录

目录

文章目录

一、什么是数组？

二、数组的声明(两种)

1.直接声明 var arr=[]

2.构造函数声明  var arr=new Array()

三、数组的方法

1.常用方法

2.变量数组的方法

总结

---

一、什么是数组？

数组是一种特殊的变量，它能够一次存放一个以上的值

例如：var aa=['红','橙','黄','绿'];

二、数组的声明(两种)

1.直接声明 var arr=[]

  var aa=['红','橙','黄','绿'];

       console.log(aa);

2.构造函数声明  var arr=new Array()

代码如下（示例）：

 var aa1=new Array('红','橙','黄','绿','青');

    console.log(aa1);

三、数组的方法

1.常用方法

sort()  给数组排序，先数字后英文再中文,排序规则,按照对应的编码

join()  将数组划分为字符串，数组元素以str分隔(默认以逗号分隔)

shift() 弹出数组第一个元素，并反弹出的元素值

slice(start,end) 截取数组的指定位置元素，包括开始start，不包括结束end

例：

var cc=['你','我','他','她'];

    var arr=cc.slice(1,3)

    console.log(arr);//['我', '他']

    console.log(cc);//['你', '我', '他', '她']

splice(start,length长度) 截取或替换数组元素，原数组也会发生改变

例：

   var cc=['你','我','他','她'];

    var aa=cc.splice(1,4);

    console.log(aa);//['我', '他', '她']

    console.log(cc);//['你']

 indexOf() 查找目标元素是否存在于数组中，存在返回下标，不存在返回-1

lastIndexOf() 指定元素最后出现的位置(下标)

includes()  是否包含某个元素，是返回ture,不是返回false

2.变量数组的方法

forEach(fuction (元素，索引，表示当前在遍历数组){})  遍历数组中的元素，没有返回值

map(function(元素，索引，表示当前在遍历的数组){})    遍历数组并返回一个新的数组，新数组元素是原来数组元素处理之后的结果

例：

var arr=['a','s','f','d'];

       var res=arr.map(function(v,k,arr){

        // console.log(v,k);

        return v+"555";

       })

       console.log(arr);

       console.log(res);

filter(function(元素,[索引]){})  当return后面bool值为true的时候,返回当前元素

例

var arr1=[1,2,3,4,5,6];

      var res3=arr1.filter(function(v,k){

        return v>2;//返回大于2的数据

      })

      console.log(res3);

find(function(v,k){})  返回符合条件的元素

findIndex(function(v,k){}) 返回符合条件元素的下标

some(function(v,k){})  有一个满足条件的就返回true，都不满足返回false

every(function(v,k){})  每一个元素都满足条件返回true，有一个不满足返回false

reduce(function(total,v){},初始值)  可以计算总和

例：

var arr=[3,14,23,22,34,34]

        var res=arr.reduce(function(total,v){

            return total+v;

        })

         console.log(res);

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了数组的声明方式，常用的方法。数组还有一些其他的方法和用法