react中使用splice函数去删除数组的某一项
发布日期:2021-05-20 10:06:52 浏览次数:26 分类:技术文章

本文共 553 字,大约阅读时间需要 1 分钟。

1、splice函数

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
slice() 方法可从已有的数组中返回选定的元素。
所以,在使用的时候,就要注意的是:

  • splice返回的是被删除的项目

2、举一个我在react中使用的小案例:

完成的功能是删除数组的某一项:
在这里插入图片描述

这里我需要更新的应该是我截取后的数组

// 删除  deleteSelect = (index) => {
const {
initSelectInputList } = this.state; const a = initSelectInputList.splice(index, 1); // 输出返回值 console.log("返回值", a) initSelectInputList.splice(index, 1); console.log("截取后", initSelectInputList) // 输出原数组 this.initUpdateList(initSelectInputList); this.setState({
initSelectInputList, }) }

原数组的长度是3

打印值:
在这里插入图片描述
在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45416217/article/details/109440460 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:react-ant-design实现可拖拽可编辑的表格功能
下一篇:JS中对象转数组案例解析

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月12日 11时56分43秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章