vue中一个数组怎么判断另一个数组有相同的数字 代码实现 ,并且数组长度不一样,还要吧相同的数据拿出来组成一个新的数组
时间: 2024-04-12 19:28:36 浏览: 93
vue实现将一个数组内的相同数据进行合并
在Vue中判断两个数组是否有相同的数字,并将相同的数字组成一个新的数组,即使两个数组的长度不一样,可以使用JavaScript的数组方法来实现。以下是一个示例代码:
```javascript
export default {
data() {
return {
array1: [1, 2, 3, 4, 5],
array2: [4, 5, 6, 7, 8],
commonArray: []
};
},
mounted() {
this.checkCommonNumbers();
},
methods: {
checkCommonNumbers() {
this.commonArray = this.array1.filter(item => this.array2.includes(item));
console.log("Common numbers:", this.commonArray);
}
}
}
```
在上面的代码中,我们有两个数组 `array1` 和 `array2`,以及一个新的数组 `commonArray` 用于存储相同的数字。在 `checkCommonNumbers` 方法中,我们使用 `filter` 方法遍历 `array1` 数组,然后使用 `includes` 方法判断 `array2` 是否包含当前项。如果存在相同的数字,则将其添加到 `commonArray` 数组中。
最后,我们在 `mounted` 钩子函数中调用 `checkCommonNumbers` 方法来执行判断和提取操作,并在控制台输出结果。
你可以根据需要修改示例代码中的数组和变量名,以适应你的实际情况。
阅读全文