useArrayFind

分类

导出大小

137 B

上次更改

3 个月前

响应式的 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

类型声明

export type UseArrayFindReturn
<T
 = any> = ComputedRef
<T
 | undefined>
/**
 * Reactive `Array.find`
 *
 * @see https://vueuse.org.cn/useArrayFind
 * @param list - the array was called upon.
 * @param fn - a function to test each element.
 *
 * @returns the first element in the array that satisfies the provided testing function. Otherwise, undefined is returned.
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function useArrayFind
<T
>(
  list
: MaybeRefOrGetter
<MaybeRefOrGetter
<T
>[]>,
  fn
: (element
: T
, index
: number, array
: MaybeRefOrGetter
<T
>[]) => boolean,
): UseArrayFindReturn
<T
>