美文网首页
ES6-扩展运算符、set、对象方法扩展

ES6-扩展运算符、set、对象方法扩展

作者: 冰点雨 | 来源:发表于2022-08-09 20:27 被阅读0次

数组合并

 const arr1 = ["11","22","33"];
        const arr2 = ["44","55"];
        const result = arr1.concat(arr2);
        const resultArr = [...arr1,...arr2];
        console.log(result);
        console.log(result);

数组克隆

const arr3 = ["11","22","33"];
        const result1 =[...arr3];
        console.log(result1);

将伪数组转化为真正的数组

  const divs = document.querySelectorAll('div');
        const divArr = [...divs];
        console.log(divArr);

set

set
添加 add
删除 delete
清空 clear

数组去重

 let arr = [1,2,3,4,5,2,3,4];
        let result = [...new Set(arr)];
        // console.log(result);//[ 1, 2, 3, 4, 5 ]

交集

 let arr = [1,2,3,4,5,2,3,4];
    let arr1 = [2,3,4,2,3,7,9];
        let result1 = [...new Set(arr)].filter(item => new Set(arr1).has(item));
        // console.log(result1);//[ 2, 3, 4 ]

并集

 let arr = [1,2,3,4,5,2,3,4];
 let arr1 = [2,3,4,2,3,7,9];
   let union =  [...new Set([...arr,...arr1])];
        // console.log(union);// [ 1, 2, 3, 4, 5, 7, 9 ]

差集

 let arr = [1,2,3,4,5,2,3,4];
 let arr1 = [2,3,4,2,3,7,9];
let diff = [...new Set(arr)].filter(item => !(new Set(arr1).has(item)));
        console.log(diff);

对象方法扩展

 // Object.is


        // Object.assign   对象合并覆盖  两个对象有重名的key,后面的会覆盖前面的

        let student = {
            name:'tom',
            age:18,
            sex:'boy'
        }

        let student2 = {
            name:'gai',
            age:28
        }
        let result = Object.assign(student,student2);
        /* 
        student = {
            name:'gai',
            age:28,
            sex:'boy'
        }
         */

        // Object.setPrototypeOf  Object.getPrototypeOf 设置原型对象 获取原型对象

相关文章

  • ES6-扩展运算符、set、对象方法扩展

    数组合并 数组克隆 将伪数组转化为真正的数组 set set添加 add删除 delete清空 clear 数组...

  • 内置对象扩展(Array)

    Array 的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展运算符可...

  • ES6 的内置对象扩展

    Array 的扩展方法(★★) 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展...

  • ES6新增特性(二)

    ES6 的内置对象扩展 Array 的扩展方法 一、Array 的扩展方法 1. 扩展运算符(展开语法) 扩展运算...

  • ES6学习笔记(五):轻松了解ES6的内置扩展对象

    Array的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转换为用逗号分隔的参数序列 扩展运算符可...

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展...

  • 扩展运算符(...)

    对象的扩展运算符 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中 上述方法实际...

  • 解构赋值,函数扩展默认值

    扩展运算符 对象的扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。 对象的扩展运算符等同...

  • ES6之解构赋值/剩余运算符/箭头函数

    扩展运算符(对象) 扩展运算符(数组) 扩展运算符和Object.assign对对象进行合并的行为,是属于浅拷贝 ...

  • js数组去重利用set

    简述 原理:Set对象 + Array.from + 扩展运算符 具体实现: const nums = [1,2,...

网友评论

      本文标题:ES6-扩展运算符、set、对象方法扩展

      本文链接:https://www.haomeiwen.com/subject/esfrwrtx.html