JavaScript中findIndex索引数据的妙用！

最新推荐文章于 2022-12-01 11:01:17 发布
最新推荐文章于 2022-12-01 11:01:17 发布
阅读量468 收藏
点赞数 1
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43136027/article/details/106154214
版权

在数据交互中会经常遇到后端接口传来一个数据流，渲染页面只需要名称，但是提交保存的时候需要将编码和名称或其他数据一并提交，这种情况在实际项目中遇到的会非常频繁，恰巧，js为我们提供了一个方法，那就是findIndex！

具体用法也比较简单，就一行代码！

const index = this.List.findIndex((v) => v.code === value) //定义索引

上面的value就是已经拿到的渲染到页面的值，然后index就是该值在list当中的索引，然后获取对应的其他值就很简单了，举个例子：

this.someName = this.List[index].name

this.someName就是对应value的索引获取的index位置的name值

代码虽短，功能强悍，同学们可以尝试下！

假若～
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
用javascript解决外部数据抓取中的乱码问题
10-30
用javascript解决外部数据抓取中的乱码问题
vue findIndex()方法
热门推荐
weixin_50196748的博客
03-23 1万+
前言: 最近正好写项目用到了这个方法,还是经同事提醒想到的 为此找了相关的知识, 希望可以让看到此博客的人有帮助吧,本人也研究的不深 非喜勿喷 还希望有大神多多指教 正文开始..... 一、findIndex() 方法的定义和使用原理 1.为数组中的每个元素都调用一次函数的执行 ①. 当数组中的元素在需求条件时返回 true ②. 如果没有符合条件的元素返回 -1 ③. 对于空数组,函数不执行 ④. 并没有改变数组的原始值 ...
Vue--findIndex方法的使用原理
海悦童谣的博客
05-15 845
原理： //根据id得到下标 // 默认去遍历list集合，将集合中的每个元素传入到function的item里， var index = this.list.findIndex(function(item){ //根据item中的id属性来判断这个item是否是上面id中 //对应的数据，如果是返回一个true ,否返回false,继续下面的一条数据的遍历，以此类推 return item.id ==id; //如果返回true，那么findIndex方法会将这个item对应的id返回到外面
findindex遍历 js_查找Vue中下标的操作(some和findindex)
weixin_33873270的博客
12-24 946
some的用法list:[{id:1,name:'奔驰',citme:new date()},{id:2,name:'宝马',citme:new date()}]- // this.list.some((item,i)=>{// if(item.id==id){// this.list.splice(i,1)// return true// }// })其中some是比较li...
(GoRails )使用Vue.js制作拖拉list功能(v5-8)
weixin_30297281的博客
09-18 146
视频5 改进视觉效果，让list看起来更舒服。新增横向滚动功能。 参考我的trello：https://trello.com/b/BYvCBpyZ/%E6%AF%8F%E6%97%A5%E8%AE%B0%E5%BD%95 board的CSS设计参考，内部list的设计参考。 不是很精通css：直接抄袭。 .board { white-space: nowrap; ov...
通过数组id寻找索引(index)
qq_48968669的博客
08-28 1476
let index = this.list.findIndex(item=>{return item.id===id}
Vue—FindIndex的使用
冯瑞姣
01-30 2106
【前言】 在做项目的时候，有时候需要修改某个数组元素中的某个值，就需要找到这个数组中元素的下标值。 【内容】 // 根据id得到下标 // 默认去遍历list集合，将集合中的每个元素传入到function的item里， var index = this.list.findIndex(function(item){ //根据item中的id属性来判断这个item是否是上面id中 //对应的数据，如果是返回一个true ,否返回false,继续下面的一条数据的遍历，以此类推 //如果返回true，那么f
查找数组中元素所在index
weixin_43837268的博客
04-27 1595
const index = state.finStrategyList.findIndex(v => v.value === plan.value) if(index >= 0){ state.finStrategyList.splice(index,1) }
JS根据对象值查找对应索引
weixin_44447702的博客
07-31 2967
let arr = [ {id:'1',name:'a'}, {id:'2',name:'b'}, {id:'3',name:'c'}, ] //查找id=3记录的索引号 let i = arr.findIndex(v=>v.id==3) console.log('i:',i) //2 //查找name='b'记录的索引号 i = arr.findIndex(v=>v.name=='b') console.log('i:',i) //1 //查找name='bbb'记录的索引号，无值返回-
JS中findIndex方法的使用场景以及与find的差别
ONLYSRY的博客
12-01 2127
它采用参数“callback”函数，该函数检查提供的条件满足的typedArray的每个元素。如果元素满足函数提供的条件，则返回数组中的索引；否则，返回-1。
vue mounted中不执行方法_前端开发：Vue中findIndex() 方法的使用
weixin_39866963的博客
12-12 1016
前端开发过程中对数据的遍历是非常常见的操作，在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种：some()和findIndex() ，二者都是通过遍历数组里面的id值来进行操作。本篇博文只介绍findIndex() 方法的使用，some()方法在这里不再多讲。 一、findIndex() 方法的定义和使用原理 1、findIndex() 方法返回的是传入的一个需...
JavaScript find()方法及返回数据实例
10-15
主要介绍了JavaScript中的find()方法和返回数据的内存指向,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript通过元素索引号删除数组中对应元素的方法
01-21
JavaScript通过元素的索引号删除数组中的元素，如果要删除第3个元素，则使用RemoveValByIndex(2)即可，JS数组从0开始 function RemoveValByIndex(arr, index) { arr.splice(index, 1); } test = new Array(); test...
在JavaScript中使用JSON数据
10-22
JSON 是 JavaScript 原生格式，这意味着 在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包,接下来由脚本之家小编给大家介绍在JavaScript中使用JSON数据的方法，感兴趣的朋友一起学习吧
javascript中的五种基本数据类型
10-23
在javascript中申明变量使用的关键字都是var，这点与其他的编程语言不尽相同，但是javascript亦含有五种基本的数据类型（也可以说是简单数据类型），它们分别是：Undefined，Null，Boolean，Number和String。...
es6笔记·····find()和findIndex()
齐枫的博客
11-05 3356
数组实例的 find() 和 findIndex() 数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 [1, 4, -5, 10].find((n) => n 0) // -5 上面代码找出数组中第一
前端开发：Vue中findIndex() 方法的使用
软贱开发攻城狮
09-07 4944
前端开发过程中对数据的遍历是非常常见的操作，在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种：some()和findIndex() ，二者都是通过遍历数组里面的id值来进行操作。本篇博文只介绍findIndex() 方法的使用，some()方法在这里不再多讲。 一、findIndex() 方法的定义和使用原理 1、findIndex() 方法返回的是传入的一个需求条件（函数）符合条件的数组的第一个元素位置； 2、findIndex() 方法为数组中的每个元素都调用一次函数的执
C#基础（三十三） Find() 和FindIndex()的用法：找出满足集合List<char>特定条件的字符。
xpj8888的博客
03-15 1万+
参考;https://blog.csdn.net/derek_chen2012/article/details/47170189. 其中，xxx是随机起的名字。 using System; using System.Collections; using System.Collections.Generic; using System.Linq; using System.Text; u...
前端开发框架Vue之findIndex() 的使用
m0_58371965的博客
11-17 752
前端开发过程中对数据的遍历是非常常见的操作，在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方​​前端培训​​法常用的有两种：some()和findIndex() ，二者都是通过遍历数组里面的id值来进行操作。本篇博文只介绍findIndex() 方法的使用，some()方法在这里不再多讲。 一、findIndex() 方法的定义和使用原理 1、findIndex() 方法返回的是传入的一个需求条件（函数）符合条件的数组的第一个元素位置； 2、findIndex() 方法为数组中的每个元素都
javascript find Index
最新发布
09-10
您好！要在 JavaScript 中查找数组中某个元素的索引，可以使用数组的 `indexOf` 方法或 `findIndex` 方法。 1. `indexOf` 方法：该方法返回数组中第一次出现指定元素的索引，如果未找到该元素，则返回 -1。例如： ```javascript const array = [1, 2, 3, 4, 5]; const index = array.indexOf(3); console.log(index); // 输出 2 ``` 2. `findIndex` 方法：该方法返回数组中满足测试函数的第一个元素的索引，如果未找到满足条件的元素，则返回 -1。例如： ```javascript const array = [1, 2, 3, 4, 5]; const index = array.findIndex(element => element === 3); console.log(index); // 输出 2 ``` 这两种方法都可以用来查找元素在数组中的索引。希望对您有所帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值