MpxUseuseArrayFind
响应式 Array.find.
用法
js
import { useArrayFind } from '@mpxjs/mpxuse-core'
const list = [ref(1), ref(-1), ref(2)]
const positive = useArrayFind(list, val => val > 0)
// positive.value: 1
import { useArrayFind } from '@mpxjs/mpxuse-core'
const list = [ref(1), ref(-1), ref(2)]
const positive = useArrayFind(list, val => val > 0)
// positive.value: 1
响应式数组
js
import { useArrayFind } from '@mpxjs/mpxuse-core'
const list = ref([-1, -2])
const positive = useArrayFind(list, val => val > 0)
// positive.value: undefined
list.push(1)
// positive.value: 1
import { useArrayFind } from '@mpxjs/mpxuse-core'
const list = ref([-1, -2])
const positive = useArrayFind(list, val => val > 0)
// positive.value: undefined
list.push(1)
// positive.value: 1
类型声明
typescript
/**
* Reactive `Array.find`
*
* @see https://mpxuse.cn/useArrayFind
* @param {Array} 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.
*/
export declare function useArrayFind<T>(
list: MaybeComputedRef<MaybeComputedRef<T>[]>,
fn: (element: T, index: number, array: MaybeComputedRef<T>[]) => boolean
): ComputedRef<T | undefined>
/**
* Reactive `Array.find`
*
* @see https://mpxuse.cn/useArrayFind
* @param {Array} 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.
*/
export declare function useArrayFind<T>(
list: MaybeComputedRef<MaybeComputedRef<T>[]>,
fn: (element: T, index: number, array: MaybeComputedRef<T>[]) => boolean
): ComputedRef<T | undefined>
源码
贡献者
pagnkelly