Js中常用的数组方法
在前端工作中,我们与数据打交道最多,需要面对各种各样的数据类型,有对象类型的、数组类型的、字符串类型的、布尔类型的等等,但其中我们最经常要处理等等应该要数数组类型的数据了,这个应该没跑了。
所以,今天我将会介绍对于处理数组类型的数据,用到的一些方法,我将他们主要分为两个大类,第一类改变原数组中的值,另一类不会改变原数组中的值,下面我将会按照这两大类进行介绍。
第一不会改变原数组中的值方法,包括map、filter、every、some、reduce等方法
首先map方法,参数为函数,是将数组中的元素每一个都执行一遍提供的函数,返回的结果组成一个新的数组,不会改变原数组中的值
接着是filter方法,参数为函数,将数组中的每一个元素都进行判断,然后将满足条件的数组元素返回,作为一个新的数组返回
然后是every方法,参数为函数,将数组中的每一个元素都进行判断,如果数组中的每一个元素都满足条件,返回true,但凡有一个不满足条件,则返回false,可以总结为一假为假,全真则为真
下面是介绍some方法,参数也是为函数,将数组中的每一个元素都进行判断,如果数组中的元素,但凡只要有一个满足条件,就返回true,如果每一个元素都不满足条件,则返回false,
可以总结为全假则假,一真则真
最后一个是reduce方法,传的参数也是属于函数,但是此时这个函数中可以穿四个形参,依次代表着不同的含义,第一个参数pre:代表运算结果返回的值,第二个参数item:代表着当前所操作的数组中的元素,第三个参数index:代表着当前操作元素的数组下标值(从1开始),第四个参数arr:代表着当前操作的数组
Slice:(截取的开始位置,截取的结束位置),返回的是截取出来的子数组元素
第二大类是改变数组中的元素的方法,包括forEach、push、pop、shift、unshift、toString、join、concat、isArray
首先来说是forEach方法,就是对数组中的各个元素进行遍历,可以进行查看、修改数组中的元素
Push方法:在原数组的后面添加一个新的元素,而数组的length属性值也会自动增长一
Pop方法:将原数组的最后一位给删除掉,而数组的length属性值也会自动减少一
Shift方法是删除数组中的第一位元素,而unshift方法是向数组中的最前面添加新的元素
toString方法是将数组中的元素转化为字符串形式,如果数组里面的子元素含有对象,则转化为字符串后为[Object,Object]
Join方法是将以一个指定的符号连接成一个字符串
Concat方法是将两个指定的数组拼接在一起,变成一个新的数组
isArray方法是来判断该数据是否为数组,返回的是布尔值
当然除了以上的方法之外还有一个最大的boss,数组中的万能方法可以实现对于数组的增删改查splice方法,可以穿三个参数,分别是截取开始的位置,截取的个数,添加新的子元素