Js数组常用方法记录(push、pop、shift、unshift、slice、splice、map)

  • 1、数组含有某个元素的查找,返回布尔类型值之------ .includes()

const arr = [1,2,3,4,6,7]
arr.includes(2) // true
arr.includes(5) //false
arr.includes(1,1) //false
arr.includes(1,0) //true
arr.includes(2,-1) //false
arr.includes(2,-5) //true
**说明:**includes(a,b)有两个参数,参数a为查找的元素,参数b是查找的起始位置,b为负数是从后面向前开始计算开始,当b为负数时的绝对值大于数组长度时从0开始查找;没有参数b时默认从数组的第一位开始查找。

  • 2、数组删除最后一项方法之-------.pop()

const arr = [1,2,3,4,6,7]
arr.pop() ;
arr //此时为[1,2,3,4,6]
在这里插入图片描述
**说明:**此方法改变了原数组,注意在react中的this.setState中不可以直接对state中的数组使用此方法。

  • 3、数组合并返回一个全新的数组-------.concat(arr1,arr2,arr3,…)

const arr = [1,2,3];
const arr1 = [4,5];
const arr2 = [6,7,8];
arr.concat(arr1,arr2); //返回的是一个全新的数组[1,2,3,4,5,6,7,8]
// 数组 arr , arr1 , arr2都没有改变
在这里插入图片描述
另外数组还可以合并其自己,即:arr.concat(arr); //返回的新数组为 [1,2,3,1,2,3]
在这里插入图片描述
4、数组的删除和加入
a)、删除数组第一项数据------.shift()
const arr = [1,2,3,4];
arr.shift(); //返回结果为1;
// 数组arr此时为 [2,3,4]
在这里插入图片描述

说明:此方法改变了原数组,在react中不可以用于改变state中的数据。

b)、在数组最前面添加数据------unshift(参数)
const arr = [1,2,3,4];
arr.unshift(6); //返回结果为添加新元素后数组的长度 5
//数组arr此时为 [6,1,2,3,4]
在这里插入图片描述
arr.unshift(a,b,…) ; //给数组arr的最前面同时加入多个元素,依次写入.unshift()中,a,b参数即为同时添加的元素,在arr中的显示顺序就是按.unshift()中参数的位置显示加入。参数a,b可以是任意其他合法变量。
在这里插入图片描述
说明:此方法改变了原数组,在react中不可以用于改变state中的数据。

c)、在数组的最后删除 -----pop()见上面‘Js数组常用方法记录’第2条
d) 、在数组的最后添加一项数据-----.push(参数)

const arr = [1,2,3,4];
arr.push(8); //返回结果为添加新元素后数组的长度 5
//此时数组arr为[1,2,3,4,8]
在这里插入图片描述

arr.push(a,b,…) ; //给数组arr的最前面同时加入多个元素,依次写入.push()中,a,b参数即为同时添加的元素,在arr中的显示顺序就是按.push()中参数的位置显示加入。参数a,b可以是任意其他合法变量。
在这里插入图片描述

说明:此方法改变了原数组,在react中不可以用于改变state中的数据。
5、数组的遍历方法之-----.map()
该方法返回的是一个全新的数组,react中经常使用该方法遍历数组,并为每一个元素提供一个key
var arr = [1,2,3,4,5];
arr.map((item, index) => {
console.log(item,index); //item为数组arr的每一个元素,index为数组的arr的下标
return item;
})
在这里插入图片描述
6、数组的截取方法之-----.slice(start,end)
该方法不会改变原数组的数据,start参数是截取数组的开始位置,end参数时截取数组在原数组的结束位置,但不包括该位置的元素。
如果只有一个参数则默认从该参数在原数组的位置截取到数组的结束位置。
在这里插入图片描述
没有参数则默认截取原数组的全部参数,相当于拷贝
在这里插入图片描述

7、数组的截取方法之-----.spilce(index,howmany,item1,…,itemX)
该方法会改变原数组的大小。index参数为整数,是必须参数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany参数是要删除的项目数量。如果设置为 0,则不会删除项目;如果不写则默认删除当前位置之后的所有元素。item参数可选。向数组添加的新项目。
在这里插入图片描述
第二个参数不写删除后面所有元素在这里插入图片描述
8、数组的筛选方法之-----.filter()
该方法返回一个满足条件的新数组,对原数组没有改变。该方法的参数是一个筛选条件的函数。
在这里插入图片描述
9、数组的判断满足条件方法之-----.some()
该方法需要数组的元素所有都不满足给定条件时返回false,只要有一个元素满足给定条件就返回true.
在这里插入图片描述

10、数组的判断满足条件方法之-----.every()
该方法需要数组的元素所有都满足给定条件时返回true,只要有一个元素不满足给定条件就返回false.
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值