Back to Vueuse

useArrayFind

packages/shared/useArrayFind/index.md

14.3.0448 B
Original Source

useArrayFind

Reactive Array.find.

Usage

ts
import { useArrayFind } from '@vueuse/core'

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

Use with reactive array

ts
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