find()

定义和用法

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

举个栗子

解释:

栗子项目采用vue全家桶+element-ui技术

栗子 适用于在表格中计算当行值的实时统计 以及 父级表格值得实时统计

countV(e, row, month) {//计算输入后的差值if (!isNaN(e.target.value) && !isNaN(this.oldV)) {this.difference = e.target.value - this.oldV;}//当行计算totalrow.total += this.difference;//找到所有父节点,计算父节点的月合计和总合计const setParentV = (pId) => {const p = this.details.find((item) => item.subjectId === pId);if (p) {p[month.key] += this.difference;p.total += this.difference;setParentV(p.parentSubjectId);}};setParentV(row.parentSubjectId);//计算完后更新老值if (!isNaN(e.target.value)) {this.oldV = e.target.value;}},

最新文章

  1. ios 代码设置控件宽高比_用宽高比调整UIImage的大小?
  2. 【springboot】mybatis-generator+tkmybatis通用mapper+swagge+redis缓存整合使用
  3. 腾讯TEG校招群聊天记录曝光,速来围观!
  4. C语言中如何求一天是星期几,计算任何一天是星期几的C语言源代码.
  5. SQL Server Update 所有表的某一列(列名相同,类型相同)数值
  6. 网站访问优化,未完待续
  7. PHP中文乱码解决办法
  8. 自己Ubuntu里面的一些小脚本
  9. 面向对象 VS 面向过程
  10. python编译器_11 个最佳的 Python 编译器和解释器
  11. linux shell中的case语句用法 以及 case default设置
  12. vscode更改配置文件路径_VsCode的jsconfig配置文件说明详解
  13. 关于idea注释等颜色设置
  14. oracle 日期型函数转换,oracle中,日期转换函数
  15. C++、C++-OpenCV、Python、Python-Numpy、MATLAB的除法取余(余数)方法总结
  16. ROS(ROUTEROS) 端口映射
  17. 一年级上册计算机教学计划,一年级上学期教学计划
  18. 银行IT系统-整体架构
  19. 多线程设计模式——Master-Salave(主仆)模式
  20. 解析人类的四次工业革命

热门文章

  1. 单片机助手,STM32、杰发科技、定时器计算工具助手,CAN比特率计算助手
  2. UG/NX二次开发 选择坐标系控件 UF_UI_specify_csys
  3. 克隆linux虚拟机密码是多少,Linux虚拟机的克隆及问题处理
  4. 计算机网络三级考的是什么,三级网络技术都考什么东西?
  5. 网页聊天气泡效果实现
  6. amp;与amp;amp;的区别
  7. 在嵌入式板子ARMv7 上利用neon对彩色图转换为灰度图进行加速
  8. 编程语言是怎么发展的?
  9. linux 调整cpu使用率,linux下限制CPU使用率的3种方法
  10. java考勤系统数据库_java考勤管理系统数据库实现