コンテンツへスキップ

useArrayDifference

カテゴリ
エクスポートサイズ
231 B
最終更新
先週

2つの配列の差分をリアクティブに取得します

使用法

リアクティブ配列での使用

js
import { useArrayDifference } from '@vueuse/core'

const list1 = ref([0, 1, 2, 3, 4, 5])
const list2 = ref([4, 5, 6])
const result = useArrayDifference(list1, list2)
// result.value: [0, 1, 2, 3]
list2.value = [0, 1, 2]
// result.value: [3, 4, 5]

リアクティブ配列と関数比較の使用

js
import { useArrayDifference } from '@vueuse/core'

const list1 = ref([{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }])
const list2 = ref([{ id: 4 }, { id: 5 }, { id: 6 }])

const result = useArrayDifference(list1, list2, (value, othVal) => value.id === othVal.id)
// result.value: [{ id: 1 }, { id: 2 }, { id: 3 }]

型定義

typescript
export declare function useArrayDifference<T>(
  list: MaybeRefOrGetter<T[]>,
  values: MaybeRefOrGetter<T[]>,
  key?: keyof T,
): ComputedRef<T[]>
export declare function useArrayDifference<T>(
  list: MaybeRefOrGetter<T[]>,
  values: MaybeRefOrGetter<T[]>,
  compareFn?: (value: T, othVal: T) => boolean,
): ComputedRef<T[]>

ソース

ソースドキュメント

貢献者

Anthony Fu
Anthony Fu
chirokas
simpleoo0o
Lee Dogyeong
丶远方

変更履歴

v12.0.0-beta.1 2024年11月21日
0a9ed - feat!: Vue 2 のサポートを廃止、バンドルを最適化、クリーンアップ (#4349)
v10.0.0-beta.5 2023年4月13日
cb644 - refactor!: isFunctionisString ユーティリティを削除
v10.0.0-beta.4 2023年4月13日
4d757 - feat(types)!: MaybeComputedRefMaybeRefOrGetter にリネーム
0a72b - feat(toValue): resolveUnreftoValue にリネーム
v10.0.0-beta.1 2023年3月23日
41858 - fix: falsey のエラーを修正 (#2869)
v10.0.0-beta.0 2023年3月14日
a2a33 - feat: 新機能追加 (#2710)

MITライセンスで公開されています。