ES6——ES6中对象、字符串、数组的扩展方法

文章目录

• 前言
• 一、对象扩展方法
• 二、使用步骤
• 三、字符串扩展方法
• 总结

---

一、对象扩展方法

举例： 新建一个名为  person  的对象

const person = {

            name: 'Tom',

            age: 20,

            height: 180

        }

1. Object.keys —— 以数组的形式获取除去Symbol 类型的键（也就是属性名）

获得所有的键：console.log(Object.keys(person)); 

运行结果： ['name', 'age', 'height']

2.  Object.values——以数组的形式获取对象中的值

console.log(Object.values(person));

运行结果：  ['Tom', 20, 180]

3. Object.entries( ) ——把对象创建成map 数据格式

console.log(Object.entries(person));

运行结果： 

[Array(2), Array(2), Array(2)]

0: (2) ['name', 'Tom']

1: (2) ['age', 20]

2: (2) ['height', 180]

4. Object.getOwnPropertyDescriptors（对象名) —— 复数形式可以获取当前对象所有属性的相关描述

Object.getOwnPropertyDescriptor(对象名,’属性名’)——单数形式需要指定对象的具体属性名

console.log(Object.getOwnPropertyDescriptors(person);

运行结果:  

{name: {…}, age: {…}, height: {…}}

age: {value: 20, writable: true, enumerable: true, configurable: true}

height: {value: 180, writable: true, enumerable: true, configurable: true}

name: {value: 'Tom', writable: true, enumerable: true, configurable: tru

5. Object.create( )——第一个参数是放在新对象的原型上的,第二个参数是放在新对象的实例上。

const obj = Object.create(null,{

    name:{

        value:'课工场',

        //属性特性

        writable:true,

        configurable:true, 表示能否通过 delete 删除属性、能否修改属性的特性

        enumerable:true,

    }

})

6. Object.fromEntries( iterable )——JavaScript中的Object.fromEntries()方法是标准的内置对象，用于将键值对列表转换为对象。此方法返回一个新对象，其属性由iterable的条目确定。

参数：此方法接受单个参数iterable，该参数包含可迭代对象，例如Array或Map或其他实现可迭代协议的对象（把二维数组转成对象）；

举例1：数组转为对象

const arr = [['name','张三'],['age',18]];

const obj_arr = Object.fromEntries(arr);

console.log(obj_arr);//{name: "张三", age: 18}

举例2：把map转为对象

const mymap = new Map([['name','张三']]);

mymap.set("age",18);

const map_obj = Object.fromEntries(mymap);

console.log(map_obj);

二、字符串扩展方法

1. 去除空格  trim   trimStart   trimEnd

let str = '  asd  '；

console.log(str.trim( ) )        //asd    trim       ——清空前后空格

console.log(str.trimStart()) //asd     trimStart——清空头空格

console.log(str.trimEnd()) // asd     trimEnd ——清空尾空格

三、数组扩展方法

1.  flat

作用：会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回

返回值：一个包含将数组与子数组中所有元素的新数组,flat会移除数组的空项。

是否改变原有数组：否

举例：

//二维数组变为一维

  const arr1 = [1, 2, 3, 4, 5, 6, [7, 8, 9]]

   console.log(arr1.flat())

  const arr2 = [1, 2, 3, [4, 5, 6, [7, 8, 9]]] //参数为深度，是一个数字

   console.log(arr2.flat())//三维变二维

        console.log(arr2.flat(2)) //[1,2,3,4,5,6,7,8,9]三维变一维 深度为2

2.   flatMap

作用：首先使用映射函数映射每个元素，然后将结果压缩成一个新数组

返回值：一个新的数组，其中每个元素都是回调函数的结果，并且结构深度 depth值为1

是否改变原有数组：否 

举例：

 const arr2 = [1, 2, 3, 4]

                const result2 = arr2.map(item => item * 10);

                console.log(result2);

         

            //给item加上[]变为二维 可以用flatmap变为一维

            const arr3 = [1, 2, 3, 4]

                const result3 = arr3.flatMap(item => [item * 10]);

                console.log(result3);

             //如果map的结果是一个多维数组可以进行flat 是两个操作的结合

            const arr4 = [1, 2, 3, 4]

                const result4 = arr4.flatMap(item => [item * 10]);

---

总结

就此停笔，最后，依旧诚挚祝福屏幕前的你健康幸福、平安喜乐。