useArrayFind

类别

导出体积

159 B

上次更改

5 days ago

响应式 Array.find。

用法

import { useArrayFind } from '@vueuse/core'

const list = [ref(1), ref(-1), ref(2)]
const positive = useArrayFind(list, val => val > 0)
// positive.value: 1

与响应式数组一起使用

import { useArrayFind } from '@vueuse/core'

const list = reactive([-1, -2])
const positive = useArrayFind(list, val => val > 0)
// positive.value: undefined
list.push(1)
// positive.value: 1

类型声明

typescript

export type UseArrayFindReturn<T = any> = ComputedRef<T | undefined>
/**
 * 响应式 `Array.find`
 *
 * @see https://vueuse.org/useArrayFind
 * @param list - 被调用的数组。
 * @param fn - 用于测试每个元素的函数。
 *
 * @returns 数组中满足提供的测试函数的第一个元素。否则，返回 undefined。
 */
export declare function useArrayFind<T>(
  list: MaybeRefOrGetter<MaybeRefOrGetter<T>[]>,
  fn: (element: T, index: number, array: MaybeRefOrGetter<T>[]) => boolean,
): UseArrayFindReturn