ES6中可枚举属性和遍历

什么属性不能枚举
js基本数据类型自带的原型属性不可枚举。
通过Object.defineProperty()方法指定enumeralbe为false的属性不可枚举。
注意：基本数据类型指的是js原有的，比如数组，对象，函数等，这些new出来的对象的原型对象是不能访问的，也就是不可枚举的类型。

function Student() {
        //构造函数内的属性都是可枚举属性
        this.name = "老李";
        this.age = 22;
    }
    //原型属性
    Student.prototype.sex = "男";
    
    let stu = new Student();
    //设置一个不可枚举属性
    //通过defineProperty设置的属性默认为不可枚举
    Object.defineProperty(stu,"score",{
        value:100,
        enumerable:false    //设置属性不可枚举
    });
    Object.defineProperty(stu,"nick",{
        value:"nick姓名",
        enumerable:true     //设置属性可枚举
    });
    console.log(stu);

以下四种都会忽略不可枚举属性

1.for-in循环

循环可以遍历对象自身的可枚举属性和原型上的可枚举属性

for (let key in stu){
        console.log(key);
    }
    //name age nick sex

2.Object.keys

函数–只会返回对象自身的可枚举属性

 let keys = Object.keys(stu);
    console.log(keys);      
    //name age nick

3.JSON.stringify

JSON.stringify函数转化json数据时候只会转化对象自身的可枚举属性

let json = JSON.stringify(stu);
    console.log(json);  
    //		{"name":"老李","age":22,"nick":"nickname"}

4.Object.assign

Object.assign函数合并数组时值对对象自身的可枚举属性生效

let stu2 = Object.assign({},stu);
    console.log(stu2);     
    //{name: "老李", age: 22, nick: "nick姓名"}

以下两种方案获取所有属性，不管是否枚举

1.getOwnPropertyNames

getOwnPropertyNames可以获取对象自身的所有属性，不管是否可以枚举，但是不能获取symbol类型的属性，原型属性不能

let keys2 = Object.getOwnPropertyNames(stu);
    console.log(keys2);     
    // ["name", "age", "score", "nick"]

2.Reflect

Reflect–获取对象的所有自身属性，不管是否枚举，symbol 属性也可以

在这里插入代码片let key3 = Reflect.ownKeys(stu);
    console.log(key3);      
    //["name", "age", "score", "nick"]

Object.values

Object.values函数返回对象中自身所有可枚举属性的值组成数组

let values = Object.values(stu);
    console.log(values);        
    // ["老李", 22, "nickname"]

Object.entries

Object.entries函数返回对象中自身所有可枚举属性的键值组成的键值对数组

let entries = Object.entries(stu);
    console.log(entries);           //[["name"，"张三"]，[ "age" ,18],[ "nick"，"小张"]]
    console.log(entries.flat());    //拉平--["name", "老李", "age", 22, "nick", "nickname"]

总结：

/*
    * fon-in循环、Object.keys函数、Object.getOwnPropertyWNames函数和Reflect.ownKeys函数遍历属性时，
    * 遵循以下顺序规则：
    * 1.首先数字，按照升序排序
    * 2.其次字符串，按照加入时间升序排列
    * 3.最后symbol，按照加入时间升序排列
    *
    * */