JS中find方法

用法

  1. find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。
  2. 如果没有符合条件的元素返回 undefined
  3. find() 对于空数组,函数是不会执行的。
  4. find() 并没有改变数组的原始值。
  5. array.find(function(currentValue, index, arr),thisValue),其中currentValue为当前项,index为当前索引,arr为当前数组

实例

let test = [1, 2, 3, 4, 5];
let a = test.find(item => item > 3);
console.log(a); //4

let b = test.find(item => item == 0);
console.log(b); //undefined

//一般用于数据字典回显和数据查找  vue用法  unitColorData为筛选的数组数据
setUnitColor(name) {
    let row = this.unitColorData.find((v) => v.textMap.NAME == name)
    if (row) {
        return `color: ${row.textMap.FONT_COLOR_HEX};background:${row.textMap.BG_COLOR_HEX}`
    } else {
        return `color: #138085; background:${this.hexToRgba('#138085', 0.1)}`
    }
},

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript ,`find` 是数组的方法之一,用于查找数组符合指定条件的第一个元素并返回该元素。`find` 方法接受一个回调函数作为参数,该回调函数用于定义查找的条件。 下面是 `find` 方法的基本语法: ```javascript array.find(callback(element[, index[, array]])[, thisArg]) ``` - `callback` 是一个回调函数,它接受三个参数: - `element`:当前正在被遍历的元素。 - `index`(可选):当前正在被遍历的元素的索引。 - `array`(可选):调用 `find` 方法的数组本身。 - `thisArg`(可选):在执行回调函数时,用作 `this` 的值。 下面是一个使用 `find` 方法的示例: ```javascript const numbers = [1, 2, 3, 4, 5]; const foundNumber = numbers.find((element) => { return element > 3; }); console.log(foundNumber); // 输出: 4 ``` 在上面的示例,我们调用 `find` 方法来查找数组 `numbers` 第一个大于 3 的元素。回调函数 `(element) => element > 3` 定义了查找的条件。`find` 方法返回了数组符合条件的第一个元素,即 `4`。 需要注意的是,如果没有找到符合条件的元素,`find` 方法将返回 `undefined`。 你也可以使用箭头函数以外的其他方式定义回调函数,例如使用普通函数或函数表达式。 ```javascript const numbers = [1, 2, 3, 4, 5]; function isEven(element) { return element % 2 === 0; } const foundNumber = numbers.find(isEven); console.log(foundNumber); // 输出: 2 ``` 在上面的示例,我们定义了一个名为 `isEven` 的普通函数,并将其作为回调函数传递给 `find` 方法。`find` 方法找到数组第一个满足 `isEven` 函数条件的元素,即 `2`。 通过使用 `find` 方法,你可以轻松地在数组查找符合特定条件的元素。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值