通过ID在JavaScript对象数组中查找对象

最新推荐文章于 2024-05-22 17:46:56 发布
最新推荐文章于 2024-05-22 17:46:56 发布
阅读量3.1k 收藏 5
点赞数
文章标签： javascript jquery arrays object javascript-objects
原文链接：https://oldbug.net/q/Utkc/Find-object-by-id-in-an-array-of-JavaScript-objects
版权
这篇文章探讨如何在JavaScript或jQuery中通过ID在对象数组中查找特定对象。提供了多种方法，包括使用Sugarjs的where方法、Underscore.js的find方法以及使用JavaScript的filter方法来实现这一目标。
摘要由CSDN通过智能技术生成

本文翻译自：Find object by id in an array of JavaScript objects

I've got an array: 我有一个数组： 

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

I'm unable to change the structure of the array. 我无法更改数组的结构。 I'm being passed an id of 45 , and I want to get 'bar' for that object in the array. 我正在传递id为45 ，并且我想为数组中的该对象获取'bar' 。

How do I do this in JavaScript or using jQuery? 如何在JavaScript或jQuery中做到这一点？

#1楼

参考：

最低0.47元/天 解锁文章
asdfgh0077
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS数组中对象去重操作示例
12-01
通过这个示例，我们可以学习到在JavaScript中处理数组中对象去重的一种有效方法，这对于优化代码性能和避免重复数据存储非常有用。同时，了解和掌握相关工具和专题知识能帮助我们更好地应对各种编程挑战。
Vue数组操作方法
U_tiger123的博客
10-02 281
// 求总价 return this.list.reduce((sum, obj) => sum += obj.price, 0) // 删除指定id的数据 delFn(id){ // 通过id找到这条数据在数组中下标 let index = this.list.findIndex(obj => obj.id === id) this.list.splice(index, 1) } ...
js 根据id 取出数组中对应的对象
小米粒的博客
08-26 1万+
1.如果就是一个指定的id进行搜索的话，可以用find 的方法 var id=1; var obj=this.studentL.find(function (obj) { return obj.studentId ==id;//取出this.studentL里的id为1的那条数据所有的信息 } console.log(obj); 2.如果id是一个数组，数组中有多个值，根...
JS根据所选ID数组在源数据中取出对象
最新发布
qq_33225414的博客
05-22 494
【代码】JS根据所选ID数组在源数据中取出对象。
js 根据id获取数组中对应的对象
StacyMo的博客
06-03 4574
js 根据id获取数组中对应的对象
JavaScript的对象（object）操作
qq_45799465的博客
01-30 477
创建 构造函数 var 变量 = Object（）； 字面量 var 变量 = {键名：键值 /属性：属性名} ； <script> // 字面量，在{}中定义对象存储的键名键值。 var obj = {name:"张三",sex:'男',age:18}; // 构造函数 var object = Object(); </script> 删除 delete( 对象.属性 ) dele.
js对象数组根据某一属性查找对象
热门推荐
稻草人的格子衫
07-08 3万+
js对象数组[{name: "zhangsan", age: 20}, {name: "lisi", age: 30}], 如果想查找name是zhangsan的这个对象，传统方法可以根据for+if条件遍历，也可以用map重新构造，或者组装新对象。 1. 组装新对象 list.forEach(function (item) { selectObj[item.name] = item }) selectObj新对象结构为：{"zhangsan": {name: "zhangsan", a...
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
在Vue.js开发中，处理对象数组并根据特定属性进行数据合并和重组是常见的需求。本问题探讨了如何根据`TYPE`和`REMARK`两个属性的值来决定是否合并对象，并生成新的数组对象。首先，我们需要理解源数据的结构，然后...
浅谈javascript中遇到的字符串对象处理
10-21
在JavaScript中，字符串对象是一个非常基础且重要的概念，它们用于表示一串字符序列。这篇文章主要探讨了在JavaScript中如何处理字符串对象，包括对参数的处理以及字符串对象的属性和方法。 首先，我们来看一下如何...
js代码-二维数组中的查找
07-16
总结一下，JavaScript中的二维数组查找涉及到基础的线性查找以及在特定情况下适用的二分查找。理解并熟练运用这些查找方法对于编写高效的数据处理程序至关重要。同时，阅读和分析`main.js`和`README.txt`文件将有助...
jQuery学习（十二）—jQuery中对象的查找方法总结
道阻且长，行则将至。
06-15 2194
jQuery学习（十二）—jQuery中对象的查找方法总结 一、find方法 作用：在元素1中查找元素2，类似于选择器中的后代选择器 格式：元素1.find(元素2),元素2为CSS选择器或者jQuery对象 二、next方法 作用：返回后面那个紧邻的同辈元素，查找元素1后面紧邻的元素2，类似于ele1+ele2 格式：元素1.next（元素2），元素2为CSS选择器或者jQuery对象 三、nextAll方法 作用：返回后面所有的同辈元素，查找元素1后面所有的元素2 格式：
js object对象方法总结
qq_21087199的博客
07-20 415
也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的这个对象的引用。字符串的每个字符，就是该对象的一个属性。Object.getOwnPropertyNames()方法返回对象的所有自身属性的属性名（包括不可枚举的属性）组成的数组，但不会获取原型链上的属性。Object.assign只能进行值的复制，如果要复制的值是一个取值函数，那么将求值后再复制。判断对象自身属性中是否具有指定的属性，这个方法不包括判断在对象原型链上的方法。两个值是由相同个数的字符串或相同的顺序组成的字符串。...
用id数组去对象数组寻找id对应的对象
weixin_44794685的博客
04-01 1941
用id数组去对象数组寻找id对应的对象 var ids=[‘1’,‘2’,‘3’];//id数组 var selected_tab=[];//临时定义数组，用来存数据 var selected = [];//最终结果 ids.map(function (item) { selected_tab=tabbar.filter(function (obj) { return obj.id == item }); selected.push(Object.assign({},…selected_tab)) })
js在数组中查找对应id的对象
uniquemei的博客
03-27 1万+
初学js，需要在数组中获取对应id的项目信息，查找资料后，发现可以用es6的find（）方法来实现，特以此来做记录。 一、find（）简介 数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 二、实例 [1, 4, -5, 10]....
js根据某个数组元素筛选出另一个数组对象中指定对象
weixin_43628078的博客
04-23 2703
js根据某个数组元素筛选出另一个数组对象中指定对象
js 方法 find( )用法详解
weixin_45810135的博客
10-08 1万+
定义和用法 find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。 find() 方法为数组中的每个元素都调用一次函数执行： 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。 如果没有符合条件的元素返回undefined 注意: find() 对于空数组，函数是不会执行的。 注意: find() 并没有改变数组的原始值。 实例 获取数组中年龄大于 18 的第一个元素 <!DOCTYPE html> <html&
JS根据一个数组的内容，筛选出另一个数组存在的元素
weixin_43290151的博客
10-14 2473
JS根据一个数组的内容，筛选出另一个数组存在的元素
findById方法 对象转换成json js解析json获得对应字段
Java小白的博客
02-15 1785
findById方法 对象转换成json js解析json获得对应字段
js数组常用的方法
weixin_45527865的博客
08-24 382
1.判断数组的元素任一项符合 some let obj = [ { id: 12, name: 'tom' }, { id: 2, name: 'lin' }, { id: 24, name: 'sun' }, ] const newObj = obj.some(item => { return item.id > 22 }) console.log('Obj', newObj) 2.判断数组的元素全部符合条件 every let obj = [ { id
js在对象数组中查找包含某个数字的对象
07-14
可以使用 JavaScript 的数组方法 `find()` 来查找包含某个数字的对象。下面是一个示例代码： ```javascript const arr = [ { id: 1, number: 10 }, { id: 2, number: 20 }, { id: 3, number: 30 }, { id: 4, number: 40 } ]; const result = arr.find(item => item.number === 30); console.log(result); // { id: 3, number: 30 } ``` 在这个示例中，我们定义了一个包含对象的数组 `arr`，并使用 `find()` 方法来查找 `number` 属性等于 30 的对象。如果找到了符合条件的对象，它将作为 `find()` 方法的返回值，否则返回 `undefined`。 如果您需要查找多个符合条件的对象，可以使用 `filter()` 方法，例如： ```javascript const arr = [ { id: 1, number: 10 }, { id: 2, number: 20 }, { id: 3, number: 30 }, { id: 4, number: 40 }, { id: 5, number: 30 } ]; const results = arr.filter(item => item.number === 30); console.log(results); // [{ id: 3, number: 30 }, { id: 5, number: 30 }] ``` 在这个示例中，我们使用 `filter()` 方法来查找 `number` 属性等于 30 的所有对象，并将它们作为一个新的数组返回。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值