js查找某个值在数组里面的索引，某个对象 (该对象存在唯一索引) 在数组里面的索引

JavaScript与ES6数组操作
原创 已于 2022-03-23 10:38:21 修改 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

于 2022-03-20 18:39:46 首次发布
这篇博客探讨了如何使用JavaScript的findIndex方法和splice方法来处理数组中的元素。示例展示了在存在唯一索引的对象数组和数值类数组中查找并删除特定元素的过程，对比了传统语法和ES6箭头函数的写法，强调了ES6语法的简洁性。

js正常语法

//存在唯一索引的对象数组，-1表示不存在
let i = checkedGoodsAttributes.findIndex(function(item){return item.goods_attribute_uuid == checkedAttr.goods_attribute_uuid})
if (i != -1){
	checkedGoodsAttributes.splice(i,1)
}
// 数值类数组
let j = checkedCartUuids.indexOf(uuid);
if (j != -1){
	checkedCartUuids.splice(j, 1)
}

ES6箭头语法

let i = checkedGoodsAttributes.findIndex(item=>item.goods_attribute_uuid == checkedAttr.goods_attribute_uuid)
if (i != -1){
	checkedGoodsAttributes.splice(i,1)
}
let j = checkedCartUuids.indexOf(uuid);
if (j != -1){
	checkedCartUuids.splice(j, 1)
}

javascript检查某个元素在数组中的索引值
10-22
JavaScript中检查数组元素的索引值是一项基础且实用的操作，通常会涉及到Array对象所提供的几个重要方法。在JavaScript的数组操作中，最常见的是使用indexOf()方法来查找元素在数组中的索引位置。如果元素存在数组中...
JS算法题之查找数字在数组中的索引位置
10-16
在标签部分，提到了“js获取数组索引”，“js数组索引”和“js数组查找某个元素”，这明确指出我们要探讨的内容与JavaScript中的数组操作相关，特别是如何找到特定元素的索引位置。 文件内容部分给出了一个具体的...
js检查某个元素在数组中的索引值
小青菜的日志
11-26 1万+
在现在代浏览器中判断一个元素在不在一个数组中，咱们可以用Array对象的indexOf()方法来取得这个元素在当前数组中的索引值，若索引值不等于-1，数组中就存在这个元素， 例如： 1 2 3 4 5 6 7 8 9 10 11 12 13 var arr 
JavaScript 权威指南：高效查找对象数组中元素的索引
最新发布
weixin_42107409的博客
10-05 753
JavaScript 中查找对象数组索引的最佳实践：Array.prototype.indexOf() 无法直接查找对象，因为其使用严格相等比较。评测三种方法：1) findIndex()（ES6+首选，简洁高效）；2) for 循环（兼容性强但代码冗长）；3) map()+indexOf()（反模式，性能差）。结论：现代项目应优先使用 findIndex()，其在简洁性、性能和内存效率上表现最佳。特殊场景可选用 for 循环，但务必避免低效的 map() 方案。
js 获取对象在数组中的index
苦涩记忆
03-20 6039
需求：数组中的元素是对象，需要获取对象在数组中的index 方法：使用findIndex方法 原数据： const array = [ { id:1, name:'张xx' }， { id:2, name:'王xx' } ] 方法： const index = array.findIndex(function(val){ return val.id === 1 }) // 如果有多个满足，返回第一个的index console.log(index) // 0 ...
js查找一个数组里面所有相同的值的索引
IT博客技术分享
10-28 2002
来检查想要的项目，获取索引或空数组。现在我想要取回所有索引。有没有简单的解决方案？
js匹配数组中对应的值_JS 数组中查找符合条件的数据索引
weixin_39675289的博客
12-21 6664
日常工作中经常会需要我们前端获取后端为我们传递的数据放在页面中渲染的问题。大批量的数据后端会根据具体的情况来放在数组中传递给我们，但是如果遇到数组中有需要特殊需要处理的数据怎么办？原来100个数据，渲染规则完全一致，这个时候我们用一个循环就可以搞定，但是有的时候需求并不会这样simple，也有100个数据中有任意个不定位置的特殊元素需要特殊处理，这个时候我们需要找一下解决办法：1.首先将特殊的元素...
利用js查找数组中指定元素并返回该元素的所有索引示例
12-11
这篇技术文章主要讲解如何利用JavaScript查找数组中的指定元素，并返回该元素的所有索引。这在处理数据集合时非常有用，例如在进行数据分析、过滤或者排序时。 `indexOf()`是JavaScript数组的一个内置方法，它用于...
JS实现查找数组中对象的属性值是否存在示例
10-16
要查找数组中某个对象的属性值是否存在，我们可以编写一个名为`functiontofindIndexByKeyValue`的函数，它接受三个参数：要搜索的数组，要匹配的属性键和要查找的值： ```javascript function ...
js 求出某个值在数组中的位置
chuwa5121的博客
03-11 1182
// 获得数字的位置 this.index = function () { var arg = getArg(arguments); var obj = arg["Array"][0] || []; var field...
JS查询元素在数组中的位置
前端开发学习——Teds
04-07 1万+
只查询首个元素所在位置的话直接用indexOf()方法就好，注意这个方法对大小写敏感！ 查询所有元素的位置的话 新建一个数组 把所有位置存进这个数组后输出 function indexOf(arr,item) { var results = [], len = arr.length, po...
Js查找数组中元素的位置
夏已微凉、
05-07 1426
Js查找数组中元素的位置 1、图片 2、代码 var search = 1; var lists = ['5', '4', '1', '2', '3']; //Jquery：$.inArray index = $.inArray(search...
js某一元素在数组中的索引
Hermitks_k
02-07 485
第一种：数组遍历 function search(arr,dst){ var i = arr.length; while(i-=1){ if (arr[i] == dst){ return i; } } return false; } 使用方法： var a=[1,2,3,4]; search(a,3);//返回2 第二种：indexOf() var arr=[1,2,3,4] arr.inde
用JS根据索引值计算结果判断
m0_66128311的博客
05-17 376
爱看不看，无脑勿喷。
js通过值获取数组对象对应索引
甜心的专栏
03-30 9176
js通过值获取数组对象对应索引，可通过indexOf、findIndex两种方法获取。
JS数组对象整理成多维数组
SitarBlog
09-08 933
js数组对象整理成多维数组
JavaScript 根据对象某个属性获得其在数组中的索引值
徐三岁的博客
04-25 4719
JavaScript 根据对象某个属性获得其在数组中的索引值 let arr = [{"name": "aaa", "id": 1}, {"name": "abc", "id": 2}]; let index = arr.findIndex(item => item.name === "abc"); console.log(index);//1
js查询某元素在数组中的索引值(index)
热门推荐
mossbaoo的博客
10-29 6万+
制定一个查询方法！ // 查询元素在数组中的索引值 Array.prototype.indexValue = function (arr) { for (var i = 0; i < this.length; i++) { if (this[i] == arr) { return i; } } } 如何使用？ // 创建数组arr let a...
js查找数组某个对象索引
07-08
在 JavaScript 中，如果想查找数组中特定对象的索引，可以使用 `Array.prototype.findIndex()` 方法。此方法允许通过一个回调函数来测试数组中的每个元素，并返回第一个满足条件的元素的索引值。若没有找到符合条件的元素，则返回 `-1`。 例如，考虑一个包含多个对象的数组，每个对象代表一个类别，并且具有 `id` 和 `name` 属性： ```javascript const categories = [ { id: 1, name: 'Electronics' }, { id: 2, name: 'Laptops' }, { id: 3, name: 'Phones' } ]; ``` 要找到 `id` 为 `2` 的对象的索引，可以使用如下代码： ```javascript const index = categories.findIndex(category => category.id === 2); console.log(index); // 输出：1 ``` 在这个例子中，`findIndex()` 接收一个箭头函数作为参数，该函数检查每个 `category` 对象的 `id` 是否等于 `2`。一旦找到匹配项，就返回其索引[^1]。 对于更复杂的结构，如嵌套的对象数组，可以通过递归的方式来实现查找。例如，当每个类别还可能包含子类别时，可以编写一个递归函数来遍历所有层级的类别并查找特定的 `id`： ```javascript function findCategoryIndex(categories, id) { for (let i = 0; i < categories.length; i++) { const category = categories[i]; if (category.id === id) return i; if (category.subcategories) { const subIndex = findCategoryIndex(category.subcategories, id); if (subIndex !== -1) return i; } } return -1; } ``` 这个函数首先检查当前层级的每个类别是否匹配给定的 `id`。如果当前类别有 `subcategories` 属性，则递归调用 `findCategoryIndex()` 来搜索子类别。一旦在任何层级找到匹配项，就返回其索引。如果没有找到，最终会返回 `-1` [^2]。 需要注意的是，由于对象是引用类型，在比较对象时直接使用 `===` 可能不会得到预期的结果，除非两个对象实际上是同一个实例。因此，在查找对象时通常依据其属性值来进行比较。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hmk1900

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值