JavaScript数组方法总结

一.数组的长度

length表示数组中的长度
var arr = [1,2,3,4,5]
console.log(arr.length) //5

二.join()方法

join(’’)括号中填分隔符, 把一个数组分隔成了字符串形式,这个方法只接受一个参数即分隔符,如果括号种什么都不填的话默认以逗号为分隔符
var arr = [1,2,3,4]
console.log(arr.join()) //1,2,3,4
console.log(arr.join("-")) //1-2-3-4

三.push()方法

push()方法:可以接收好多个参数,然后把它们一个个添加到数组的末尾,并且返回修改后的数组的长度
var arr = [1,2,3,4]
var cont = arr.push(5,6)
console.log(arr) // [1,2,3,4,5,6]
console.log(cont) //6

四.pop()方法

pop()方法:数组末尾移除最后一项,减少了数组的length值,然后会返回移除了的项
var arr = [1,2,3,4,5]
var pop = arr.pop()
console.log(arr) // [1,2,3,4]
console.log(arr.length) // 4

五.shift()和unshift()方法

shift()方法:删除原数组的第一项,并返回删除的那一项的值,如果数组为空,则返回undefinde
var arr = [1,2,3,4,5]
var shift = arr.shift()
console.log(arr) //[2,3,4,5]

unshift()方法:将参数添加到原数组的开头,并且返回数组的长度
var arr = [1,2,3,4,5]
var unshift = arr.unshift(6,7)
console.log(arr) // [6,7,1,2,3,4,5]
console.log(arr.length) //7
在这里插入图片描述

六 sort()方法

sort()方法:按升序排列数组项-即最小的位于最前面,最大的值位于最后面在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值, sort()方法比较的也是字符串,因此会出现以下的这种情况:
在这里插入图片描述在这里插入图片描述

七.reverse()方法

reverse()方法:可以翻转数组的顺序
var arr = [1,2,3,4,5]
var reve = arr.reverse()
console.log(arr) // [5,4,3,2,1]

八.concat()方法

concat()方法:将参数添加到原数组中,如下图,先创建一个数组然后在创建一个他的副本,通过arr.concat()方法把所有的参数都存放在了副本中,数组还是原来的数组
在这里插入图片描述
在这里插入图片描述

九.slice()方法

slice()方法:返回的是原数组中指定开始的下标和结束下标中间的项组成的新数组,slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。
在这里插入图片描述
在这里插入图片描述

十.splice()方法

splice()方法:它有很多种用法,可以实现删除、插入和替换。

删除 :可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。例如, splice(0,2)会删除数组中的前两项。
插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。例如,splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1,4,6)会删除当前数组位置 2 的项,然后再从位置 2 开始插入4和6
在这里插入图片描述
在这里插入图片描述

十一.indexOf()和 lastIndexOf()方法

indexOf()方法:接收俩个参数,分别是要查找的项和查找起点位置的索引,从头往后查找
lastIndexOf()方法:接收两个参数,分别是要查找的项和查找起点位置的索引,从末尾向前查找
这俩个方法返回的值都是要查找的项在数组中的位置,如下图
在这里插入图片描述
在这里插入图片描述

十二.forEach(),filter(),map(),some(),every()方法

(1)forEach() 对数组的每一项运行给定函数,该方法没有返回值
在这里插入图片描述
在这里插入图片描述

(2) some(): 对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true
在这里插入图片描述
在这里插入图片描述

(3) every() 对数组中的每一项运行都给定函数,如果该函数对每一项都返回true,则返回true
在这里插入图片描述
在这里插入图片描述

(4)filter() :对数组的每一项运行给定函数,返回该函数会返回true的项组成的数组。
在这里插入图片描述
在这里插入图片描述

(4)filter() :对数组的每一项运行给定函数,返回该函数会返回true的项组成的数组。
在这里插入图片描述
在这里插入图片描述

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值