JS对象数组中如何匹配某个属性值
目录
- 对象数组中匹配某个属性值
- 对象数组取出对象属性值完全一样的项
对象数组中匹配某个属性值
如果有一个js对象数组,一个变量如下
var a = [ { 'id' : 2, 'name' : 'xxxx', }, { 'id' : 3, 'name' : 'bbbbb', }, ]; var b = 3;
我想要查询 变量b,是否在数组a的id值中,如果在,返回true;不在,返回false
写法如下
if (a.find(item => {return item.id == b}) != undefined) { return true; } else { return false; }
find方法检索数组,如符合条件 item.id == b,那么返回第一个被检索到的对象,如果检索不到,返回 undefined
对象数组取出对象属性值完全一样的项
vvar ary=[ {"RaDate":'2021-09-08',"Type":'Morning2','title':'测试2'}, {"RaDate":'2021-10-08',"Type":'Morning2','title':'测试1'}, {"RaDate":'2021-09-08',"Type":'Morning2','title':'测试2'}, {"RaDate":'2021-10-08',"Type":'Morning2','title':'测试2'}, ] let obj = {}; var result = ary.reduce((cur, next,index) => { var key = next.RaDate + next.Type+ next.title obj[key] ?cur.push(next): obj[key] = true return cur; }, []) console.log(result)
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
关于JavaScript中的数组方法和循环
目录 1.基本概念 2.创建数组的三种方法 3.访问数组 4.数组常用属性 5.数组常用方法 6.常用的循环遍历数组的方法 1.基本概念 JavaScript 数组用于在单一变量中存储多个值.是一个具有相同数据类型的一个或多个值的集合 2.创建数组的三种方法 (1)使用JavaScript关键词 new 一个Array对象,并且单独赋值 //1.创建数组 new 一个Array() 对象 let arr = new Array(); arr[0] = "html"; arr[1] =
-
JS实现数组/对象数组删除其中某一项
目录 数组/对象数组删除其中某一项 移除对象数组中指定元素 数组/对象数组删除其中某一项 由于日常工作中经常需要对数组进行操作,最经常使用到的就是对数组进行的删除操作 对于我们前端来说,数组有两种区别 1.var arr = [ 'aaa' , 'bbb' , 'ccc' , ' ddd' , 'eee' ] 这种暂且称之为纯数组 2.var jsonArr = [ { name: 'cz' , age: '25'} , { name: 'mp' , age: '18'} , { name:
-
JavaScript中数组reduce()方法使用详情
语法: reduce()对数组中的每个元素进行累加,返回一个新的值,可以传入初始值简单的讲就是返回数组中所有元素的和数 不会改变原始组的值 不会对空数组执行回调函数 arr.reduce(function(tmp, value, [index]) { // dosomething... }, [startValue]) // 提供初始值通常更安全 tmp:上一次的累加值,初始值为外部传进去的初始值 startValue,若没传默认是数组第一个值 value:数组元素:若累加值tmp为数组第一
-
Javascript数组的 splice 方法详细介绍
目录 前言 牛刀小试 删除元素 添加元素 并且替换元素 example1 example2 example3 example4 添加元素 example1 example2 负数索引支持 总结 前言 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容.此方法会改变原数组. 语法格式: array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) 参数: start 必选 指定修改的开始
-
js如何获取对象在数组中的index
目录 获取对象在数组中的index 数组的indexOf()方法 获取对象在数组中的index 需求:数组中的元素是对象,需要获取对象在数组中的index 方法:使用findIndex方法 原数据: const array = [ { id:1, name:'张xx' }, { id:2, name:'王xx' } ] 方法: const index = array.findIndex(functi
-
JavaScript数组操作总结
目录 1.定义 2.数组的本质 3.数组的length 4. in 5. for…in 6.数组的空位 7.类数组(伪数组) 总结 1.定义 数组是按次序依次排列的一组值 任何数据类型都可以放入数组 数组可以嵌套形成多维数组 const arr = [0,'1',{},function(){}]; //二维数组 const arr1 = [1,2,[3,4,5],6]; 2.数组的本质 数组是一种特殊的对象,数组的key是正整数字符串,我们一般使用数字键操作数组,会自动转换成字符串 const
-
JavaScript实现字符串转数组的6种方法总结
目录 1. 使用 .split('') 2.使用扩展语法 ([…str]) 3.使用 Array.from(str) 4.使用 Object.assign([], str) 5.使用老式方法(for loop 和 array.push()) 6.使用 Array.prototype.slice.call('string') 数组是 JavaScript 中最强大的数据结构,我发现自己通过将字符串转换为数组来解决许多算法.所以我想到了整合和比较各种方法来做同样的事情. 从字符串到数组的转换总是使用
-
20个常见的JavaScript数组操作总结
目录 声明数组 1. 常规方式 2. 简洁方式 3. 字面 Array 对象方法 1. forEach 2. map 3. concat 4. push 5. unshift 6. pop 7. shift 8. splice 9. slice 10. join 11. every 12. filter 13. indexOf 14. reduce 15. reverse 16. sort 17. toString 18. at 19. find 20. some JavaScript中的Arr
-
JS对象数组中如何匹配某个属性值
目录 对象数组中匹配某个属性值 对象数组取出对象属性值完全一样的项 对象数组中匹配某个属性值 如果有一个js对象数组,一个变量如下 var a = [ { 'id' : 2, 'name' : 'xxxx', }, { 'id' : 3, 'name' : 'bbbbb', }, ]; var b = 3; 我想要查询 变量b,是否在数组a的id值中,如果在,返回true:不在,返回false 写法如
-
js 根据对象数组中的属性进行排序实现代码
这篇文章主要介绍了js 根据对象数组中的属性进行排序实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 var arr = [ {name:'a',age:9}, {name:'b',age:12}, {name:'c',age:8} ]; arr.sort((a,b)=>{ return a.age - b.age }); function compare(property){ return function(a,b){ var
-
js判断一个对象是否在一个对象数组中(场景分析)
目录 场景: 第一个场景解法:如果数组中已经存在,就不能添加 小结: 第二个场景解法: 对象数组去重 场景: 有一个对象数组,如: var arr = [{"appName":"小何","appId":"1"},{"appName":"小王","appId":"2"}] 一般来说,常见的场景有两个: 第一个是,比如鼠标点击按钮,往数组里push()
-
js从数组中删除指定值(不是指定位置)的元素实现代码
引用自百度知道里面的一个问答 例如数组{1,2,3,4,5} 要把数组里面的3删除得到{1,2,4,5} js代码: <script type="text/javascript"> Array.p Array.prototype.indexOf = function(val) { //prototype 给数组添加属性 for (var i = 0; i < this.length; i++) { //this是指向数组,this.length指的数组类元素的数量 i
-
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
看了一段时间关于js原型的知识,js的扩展方法是基于原型的,如Array.prototype.XXXX就是给Array扩展XXX方法,然后数组都能使用这个方法了. 在对象数组里面经常有根据属性来进行排序的,升序,降序的,于是自己就想写一个类似于C#里面的orderBy的方法,代码如下: 复制代码 代码如下: Array.prototype.OrderByAsc = function (func) { var m = {}; for (var i = 0; i < this.length; i++
-
利用js查找数组中指定元素并返回该元素的所有索引示例
前言 这篇文章主要给大家介绍的是利用js查找数组中指定元素并返回该元素的所有索引的相关资料,文中给出了详细的示例代码,下面话不多说,来看看详细的代码示例吧. 示例代码 //在数组中查找所有出现的x,并返回一个包含匹配索引的数组 function findall(a,x){ var results=[], len=a.length, pos=0; while(pos<len){ pos=a.indexOf(x,pos); if(pos===-1){//未找到就退出循环完成搜索 break; } r
-
JS获取数组中出现次数最多及第二多元素的方法
本文实例讲述了JS获取数组中出现次数最多及第二多元素的方法.分享给大家供大家参考,具体如下: 整型数组中出现次数最多和第二多的元素 用哈希数组 function f(arr){ var i; var length=arr.length; var hash=[];//使用哈希数组 for(i=0;i<length;i++){ if(!hash[arr[i]])hash[arr[i]]=1;//没有初始化的数组元素为undefined,undefined++为NaN else hash[arr[i]
-
JS获取iframe中marginHeight和marginWidth属性的方法
本文实例讲述了JS获取iframe中marginHeight和marginWidth属性的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <body> <iframe id="myframe" src="demo_iframe.htm" marginheight="50" marginwidth="50"> <p>Your bro
-
JS查找数组中重复元素的方法详解
本文实例讲述了JS查找数组中重复元素的方法.分享给大家供大家参考,具体如下: JS的数据类型有一个数组.今天我们就来谈谈对数组的一种处理.相信很多人都遇到过从数组中查找出不重复的元素,但是我遇到的却是从数组中查找出重复的元素. 从js数组中查找出不重复的元素的方法有很多,下面就给大家列举一个: <!DOCTYPE html> <html> <body> <script> Array.prototype.deleteEle=function(){ var ne
-
Js删除数组中某一项或几项的几种方法(推荐)
1.js中的splice方法 splice(index,len,[item]) 注释:该方法会改变原始数组. splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空 如:arr = ['a','b','c','d'] 删除 ---- item不设置 arr.splice(1,1) //['a','c','d'] 删除起始下
随机推荐
- AngularJS中$interval的用法详解
- 浅谈JS运算符&&和|| 及其优先级
- 禁止iframe页面的所有js脚本如alert及弹出窗口等
- SQL SERVER 2008 CTE生成结点的FullPath
- js下利用userData实现客户端保存表单数据
- ASP.NET MVC Admin主页快速构建
- python使用rabbitmq实现网络爬虫示例
- PhpMyAdmin 配置文件现在需要一个短语密码的解决方法
- centos下mysql主从复制设置详解
- 移动端界面的适配
- 做文章系统时, 如何让长篇的文章自动换行
- js中substr,substring,indexOf,lastIndexOf的用法小结
- mongodb设置后台运行的方法
- jquery做个日期选择适用于手机端示例
- jQuery UI插件自定义confirm确认框的方法
- jQuery实现最简单实用的分秒倒计时
- java组件commons-fileupload实现文件上传
- 快速恢复精力的8种方法总结
- 什么样的交换机是安全的?
- 详解webpack+express多页站点开发