两个数组把相同的元素过滤掉怎么实现

可以使用 JavaScript 中的 filter() 方法和 includes() 方法来实现。

假设有两个数组 arr1 和 arr2，需要把它们中相同的元素过滤掉，可以按照以下方式实现：

const arr1 = [1, 2, 3, 4, 5];
const arr2 = [3, 4, 5, 6, 7];

const filteredArr1 = arr1.filter(item => !arr2.includes(item));
const filteredArr2 = arr2.filter(item => !arr1.includes(item));

console.log(filteredArr1); // [1, 2]
console.log(filteredArr2); // [6, 7]

这里的 filter() 方法用于过滤出不包含在另一个数组中的元素，includes() 方法用于判断一个元素是否包含在另一个数组中。用 ! 进行取反操作是因为我们需要过滤出不相同的元素。

相关问题

两个数组把相同的对象过滤掉怎么实现

可以使用Set数据结构来过滤掉相同的对象。具体实现步骤如下：

1. 将第一个数组转换为Set类型，去除重复元素。
2. 遍历第二个数组，判断其中的元素是否在第一个Set中出现过，如果出现过则不加入结果数组中，否则加入结果数组中。

以下是示例代码实现：

array1 = [1, 2, 3, 4, 5]
array2 = [3, 4, 5, 6, 7]

set1 = set(array1)
result = []

for item in array2:
    if item not in set1:
        result.append(item)

print(result)  # 输出[6, 7]

如果需要保留第一个数组中的顺序，可以改用列表推导式实现：

array1 = [1, 2, 3, 4, 5]
array2 = [3, 4, 5, 6, 7]

set1 = set(array1)
result = [item for item in array2 if item not in set1]

print(result)  # 输出[6, 7]

需要注意的是，如果数组中包含复杂的对象，需要保证对象实现了__hash__和__eq__方法。或者使用set()的key参数来指定比较的属性。

vue获取两个数组相同元素重新组成新的数组

### 回答1：
可以利用Vue的计算属性来获取两个数组中相同的元素，并将这些元素重新组成新的数组。

首先，在Vue的data中定义两个数组arr1和arr2，分别表示两个数组。

接下来，定义一个计算属性commonArr，通过遍历arr1和arr2，找到相同的元素，将这些元素存入一个新的数组中。

最后，通过在模板中使用commonArr计算属性的值，即可获得相同元素重新组成的新数组。

下面是示例代码：

<template>
  <div>
    <!-- 使用commonArr来展示相同元素重新组成的新数组 -->
    <div v-for="item in commonArr" :key="item">{{ item }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr1: [1, 2, 3, 4, 5],
      arr2: [3, 4, 5, 6, 7]
    }
  },
  computed: {
    commonArr() {
      let result = [];
      for (let i = 0; i < this.arr1.length; i++) {
        if (this.arr2.includes(this.arr1[i])) {
          result.push(this.arr1[i]);
        }
      }
      return result;
    }
  }
}
</script>

在上述代码中，我们通过遍历arr1，通过includes方法判断arr2中是否包含当前元素，如果包含，则将该元素push进result数组。最后，返回result数组作为commonArr计算属性的值。

这样，我们就可以在模板中使用commonArr来展示相同元素重新组成的新数组了。

### 回答2：
可以使用Vue的计算属性来获取两个数组中相同的元素，并组成新的数组。

首先，在Vue的data中定义两个数组arr1和arr2，分别存放需要比较的元素。

然后，在Vue的计算属性中定义一个新的数组intersect，用来存放两个数组相同的元素。

代码示例如下：

data() {
  return {
    arr1: [1, 2, 3, 4],
    arr2: [3, 4, 5, 6]
  };
},
computed: {
  intersect() {
    return this.arr1.filter(item => this.arr2.includes(item));
  }
}

在上述代码中，使用了`filter`方法对arr1进行遍历，然后使用`includes`方法判断arr2中是否包含该元素，如果包含就返回true，否则返回false。最后将过滤出的相同元素作为新的数组返回给intersect。

通过上述代码，我们就可以得到两个数组中相同的元素，重新组成一个新的数组。

注意：以上代码只是一个示例，具体的实现方式可以根据实际需求进行调整。

### 回答3：
可以通过循环遍历两个数组，将相同的元素添加到一个新数组中。
以下是使用Vue的方法实现这个过程：

<template>
  <div>
    <!-- 原始数组 -->
    <p>数组A: {{ arrayA }}</p>
    <p>数组B: {{ arrayB }}</p>

    <!-- 相同元素的新数组 -->
    <p>新数组: {{ newArray }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arrayA: [1, 2, 3, 4, 5],
      arrayB: [4, 5, 6, 7, 8],
      newArray: [] // 存放相同元素的新数组
    }
  },
  mounted() {
    this.getSameElements();
  },
  methods: {
    getSameElements() {
      for (let i = 0; i < this.arrayA.length; i++) {
        for (let j = 0; j < this.arrayB.length; j++) {
          if (this.arrayA[i] === this.arrayB[j]) {
            this.newArray.push(this.arrayA[i]);
            break; // 找到相同元素后结束当前循环
          }
        }
      }
    }
  }
}
</script>

以上代码中，`arrayA`和`arrayB`是两个原始数组，`newArray`是存放相同元素的新数组。在`mounted`生命周期钩子函数中调用`getSameElements`方法，该方法通过两个嵌套的循环，找到相同的元素并添加到`newArray`中。最后，在模板中展示这个新数组。