数组的并集交集和差集

最新推荐文章于 2024-08-06 15:13:56 发布

再希

最新推荐文章于 2024-08-06 15:13:56 发布

阅读量2.1k

点赞数 1

分类专栏： vue 文章标签： vue 数组

本文链接：https://blog.csdn.net/liuzaixi/article/details/111933103

版权

vue 专栏收录该内容

27 篇文章 4 订阅

订阅专栏

可以用来比较两个数组中的内容，并集是两个数组中所有出现的值，交集是两个数组中都存在的值，差集是除去都存在的剩下的，也可以理解为：差集 = 并集 - 交集

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组并集交集差集</title>
</head>
<body>
    <div id="app">
        <button @click="btnClick">点击</button>
    </div>
    <script src="./lib/vue.js"></script>
    <script>
        var vm = new Vue({
            el:'#app',
            data() {
                return {
                    arr1:[],
                    arr2:[],
                }
            },
            methods: {
                btnClick(){
                    this.arr1 = [1,4,5,7,2,3];
                    this.arr2 = [2,4,7,0,9];
                    let removeSame = [...new Set([...this.arr1,...this.arr2])];//并集
                    console.log(removeSame);//[1, 4, 5, 7, 2, 3, 0, 9]
                    let samePart = this.arr1.filter(item=>this.arr2.includes(item));//交集
                    console.log(samePart);//[4, 7, 2]
                    let difference = removeSame.filter(item=>!samePart.includes(item));//差集
                    console.log(difference);//[1, 5, 3, 0, 9]
                }
            },
        })
    </script>
</body>
</html>

数组和字符串之间的转换

const arr3 = this.arr1.toString()//数组转字符串
console.log(arr3); //1,4,5,7,2,3
const arr4 = arr3.split(',')//字符串转数组
console.log(arr4); //["1", "4", "5", "7", "2", "3"]
const arr5 = arr3.split(',').map(Number);
console.log(arr5); //[1, 4, 5, 7, 2, 3]

再希

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
数组的并集交集和差集

可以用来比较两个数组中的内容，并集是两个数组中所有出现的值，交集是两个数组中都存在的值，差集是除去都存在的剩下的，也可以理解为：差集 = 并集 - 交集<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
复制链接

扫一扫

专栏目录