js ES10的一些扩展方法

1.对象的扩展方法

Object.fromEntries 接收二维数组或者Map转化为对象

ES8 Object.entries可以将对象转化为二维数组

这两个方法算是逆运算

        // 二维数组
        const res = Object.fromEntries([
            ['name','字节跳动'],
            ['job','前端,java,大数据，云计算']
        ])
        console.log(res);//{name: '字节跳动', job: '前端,java,大数据，云计算'}
        // Map
        const m = new Map();
        m.set('name','字节跳动');
        const result = Object.fromEntries(m);
        console.log(result);//{name: '字节跳动'}

 

2.字符串的扩展方法

trim清除两侧空格

 trimStart清除头部空格、trimEnd清除尾部空格

        let str = "   iloveyou   ";
        console.log(str);//"   iloveyou   "
        console.log(str.trimStart());//"iloveyou  "
        console.log(str.trimEnd());//"   iloveyou"

 

3.数组的扩展方法

flat()方法将多维数组转化为低维数组,参数为深度，是一个数字，默认值为1，代表降低的维数。

flatMap()方法是先map()再flat()

        // 数组方法
        // flat将多维数组转化为低维数组,参数为深度，是一个数字，默认值为1，代表降低的维数。
        const arr2 = [1,2,3,4,[5,6]];
        console.log(arr2.flat());//[1, 2, 3, 4, 5, 6]
        const arr3 = [1,2,3,4,[5,6,[7,8,9]]]
        console.log(arr3.flat());//[1, 2, 3, 4, 5, 6, Array(3)]
        console.log(arr3.flat(2));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
        // flatMap是先map()再flat()
        const Arr = [1,2,3,4];
        const resArr = Arr.map(item =>[item*10])//返回的二维数组
        console.log(resArr);//[Array(1), Array(1), Array(1), Array(1)]
        const resflatMap = Arr.flatMap(item => [item * 10]);//返回了一维数组
        console.log(resflatMap);//[10, 20, 30, 40]

 

4.Symbol的扩展方法

Symbol.prototype.description是一个只读属性，它会返回 Symbol对象的可选描述的字符串

        let s = Symbol("字节跳动");
        console.log(s.description);//字节跳动