首页 > 其他分享 >ES6-ES11 Set集合实践(去重交并差)

ES6-ES11 Set集合实践(去重交并差)

时间:2023-03-05 18:33:35浏览次数:47  
标签:ES6 arr Set ... item let 重交 new

原视频

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Set 实践</title>
</head>
<body>
    <script>
        let arr = [1,2,3,4,5,4,3,2,1];
        //1. 数组去重
        // let result = [...new Set(arr)];
        // console.log(result);
        //2. 交集
        let arr2 = [4,5,6,5,6];
        // let result = [...new Set(arr)].filter(item => {
        //     let s2 = new Set(arr2);// 4 5 6
        //     if(s2.has(item)){
        //         return true;
        //     }else{
        //         return false;
        //     }
        // });
        // let result = [...new Set(arr)].filter(item => new Set(arr2).has(item));
        // console.log(result);

        //3. 并集
        // let union = [...new Set([...arr, ...arr2])];
        // console.log(union);

        //4. 差集
        let diff = [...new Set(arr)].filter(item => !(new Set(arr2).has(item)));
        console.log(diff);

    </script>
</body>

</html>

标签:ES6,arr,Set,...,item,let,重交,new
From: https://www.cnblogs.com/chuixulvcao/p/17181231.html

相关文章

  • ES6-ES11 Promise实践练习-多个文件内容读取
    原视频//引入fs模块constfs=require("fs");//fs.readFile('./resources/为学.md',(err,data1)=>{//fs.readFile('./resources/插秧诗.md',(err,data2)......
  • ES6-ES11 Set集合介绍与API
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • ES6-ES11 Promise.prototype.then方法
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • ES6-ES11 Promise封装读取文件
    原视频//1.引入fs模块constfs=require('fs');//2.调用方法读取文件//fs.readFile('./resources/为学.md',(err,data)=>{////如果失败,则抛出错误//......
  • ES6-ES11 Promise封装AJAX
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl......
  • ES6-ES11 promise介绍与基本使用
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • map list 和set
    List输出的顺序和输入的顺序一致,允许重复。Set输出的顺序和输入的顺序不一致,不允许有重复数据List和Set继承Collection接口,所以增加方法是一样的add(),获取元素时,Lis......
  • alarm和setitimer
    Linux提供了alarm系统调用和SIGALRM信号。alarm系统调用unsignedintalarm(unsignedintseconds);​-功能:设置定时器(闹钟)。函数调用,开始倒计时,当倒计时为0......
  • js es6 判断数组对象中包含是否含有某个属性值
    if(data&&data.hasOwnProperty('Rows')){(data.Rows.Row||[]).map((row)=>{if(row.hasOwnProperty("Summary")){......
  • WebStorage 浏览器的本地存储(4个函数:setItem、getItem、removeItem、clear)
    一、WebStorage1、内存内容大小一般支持5MB左右,不同浏览器可能还不一样2、浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制3、相关......