JS查找数组中是否包含某个元素或对象「建议收藏」

JS查找数组中是否包含某个元素或对象「建议收藏」做业务需求时遇到一个功能模块需要动态增删数组对象,需求本身完成不难,但是写出来的代码我总感觉很冗余,于是我在网上找了很久,看有没有现成的轮子可以使用,最终找到了es6中的一个方法将其记录在此,方便以后自己翻阅查找对数组元素进行增删//e是你要判断是否在这个数组里的元素letarr=[‘1′,’2′,’3′,’4’]letarrIndex=arr.indexOf(e)i…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

做业务需求时遇到一个功能模块需要动态增删数组对象,需求本身完成不难,但是写出来的代码我总感觉很冗余,于是我在网上找了很久,看有没有现成的轮子可以使用,最终找到了es6中的一个方法
将其记录在此,方便以后自己翻阅查找

  1. 对数组元素进行增删
// e是你要判断是否在这个数组里的元素
let arr = ['1','2','3','4']
let arrIndex = arr.indexOf(e)
if (arrIndex > -1) { 
   
	arr.splice(arrIndex,1)
} else { 
   
	arr.push(e)
}
  1. 对数组对象进行增删
// e是你要判断是否在这个数组里的对象
let arr = [
	{ 
   
		id:'1001',
		name:'张三'
	},
	{ 
   
		id:'1002',
		name:'李四'
	}
]
let arrIndex = arr.findIndex(item => { 
   
	//这里的判断条件按你需求来写
	return item.id === e.id
})
if (arrIndex > -1) { 
   
	arr.splice(arrIndex,1)
} else { 
   
	arr.push({ 
   
		id:e.id,
		name:e.name
	})
}
//find方法的话则是会返回符合条件的整个对象,我这里只需要索引,所以是findIndex

**我觉得使用es6的语法这样写下来看着精简、舒服一点,暂时没发现问题,就是不知道会不会有浏览器还没兼容所有语法。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180578.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • C#实现登录界面,密码星号显示(隐藏输入密码)

    C#实现登录界面,密码星号显示(隐藏输入密码)C#实现登录界面,密码星号显示(隐藏输入密码)属性解释代码效果工程在软件设计时,往往需要设置用户的登录权限。用户在填写密码时,如何实现输入隐藏,或者以“*”号进行隐藏显示?这里需要利用textBox的PasswordChar属性。属性解释PasswordChar属性用于获取或设置字符,该字符用于屏蔽单行TextBox控件中的密码字符。代码下面展示了checkBox状态切换响应函数代码privatevoidckBoxPassword_CheckedChanged(objectsend

    2022年7月24日
    75
  • laravel 5以后数据库插入自动转化方式

    laravel 5以后数据库插入自动转化方式

    2021年11月10日
    44
  • pycharm最新激活码【注册码】

    pycharm最新激活码【注册码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月19日
    51
  • pycharm 多行编辑_pycharm如何只运行部分代码

    pycharm 多行编辑_pycharm如何只运行部分代码pycahrm的多行编辑模式可以允许你多行写像同样的代码,但是你删除的时候,也不会像以前那样舒服了,下面就是多行模式的删除的时候出现的问题:选中删除的时候,会出现部分选中,甚至会出现很长的竖着的输入标志,如果有人遇到了这样的问题就i是可能不小心把多行输入这个功能打开了~…

    2022年8月25日
    7
  • 谷歌的变种murmurHash算法

    谷歌的变种murmurHash算法谷歌变种murmurHash的编写与测试#include#include#include#include#include#include#includeusingnamespacestd;boolCheckLittleEndin();uint32

    2022年10月19日
    1
  • C/C++之makefile写法

    C/C++之makefile写法参考:https://www.cnblogs.com/owlman/p/5514724.html什么是makefileMakefile文件描述了整个工程的编译、连接等规则。其中包括:工程中的哪些源文件需要编译以及如何编译、需要创建那些库文件以及如何创建这些库文件、如何最后产生我们想要的可执行文件。尽管看起来可能是很复杂的事情,但是为工程编写Makefile的好处是能够使用一行命令来完成…

    2022年5月1日
    43

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号