vue实现如何判断找出两个数组的相同值
在Vue中判断两个数组的相同值,可以使用JavaScript提供的数组方法,如Array.filter()、Array.includes()等。下面是一个例子:
<template>
<div>
<ul>
<li v-for="item in sameItems">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
array1: [1, 2, 3, 4, 5],
array2: [3, 4, 5, 6, 7],
}
},
computed: {
sameItems() {
return this.array1.filter(item => this.array2.includes(item))
}
}
}
</script>
在上面的代码中,我们定义了两个数组array1和array2,然后使用computed属性来计算相同的值sameItems。在computed中,我们使用了数组方法Array.filter()和Array.includes()来找出两个数组的相同值。其中,Array.filter()用于过滤出在array1中存在且也在array2中存在的值,Array.includes()用于判断一个值是否在数组中存在。最后,我们在模板中使用v-for指令来展示相同的值。
原文地址: https://www.cveoy.top/t/topic/0g4 著作权归作者所有。请勿转载和采集!