JS-可枚举属性与不可枚举属性

for in 和 for of

of 只能用于数组 返回数组每一项的值obj （ 对象obj有o不能用of ）

in 可以用数组可以用obj 返回数组的索引或者对象的索引

---

在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。

可枚举属性才能被for in遍历到

• Object对象的propertyIsEnumerable()方法可以判断此对象是否包含某个属性，以及这个属性是否可枚举。

• 需要注意的是：如果判断的属性存在于Object对象的原型内，不管它是否可枚举都会被返回。

• Object对象的hasOwnProperty()方法可以判断此对象是否包含某个属性

枚举性的作用

属性的枚举性会影响以下三个函数的结果：

for…in

Object.keys()

JSON.stringify

先看一个例子

function Person() {
    this.name = "KXY";
}
Person.prototype = {
    constructor: Person,
    job: "student",
};
 
var kxy = new Person();
Object.defineProperty(kxy, "sex", {
    value: "female",
    enumerable: false
});

其中用defineProperty为对象定义了一个名为”sex”的不可枚举属性，接下来做以下验证：

for(var pro in kxy) {
    console.log("kxy." + pro + " = " + kxy[pro]);
  }

遍历结果： 返回可枚举属性name 和原型上的属性constructor和job

image

注意：for-in 循环除了返回可枚举的属性外，也会返回原型链中的属性

console.log(Object.keys(kxy));

结果：

image

只包含”name”属性，说明该方法只能返回对象本身具有的可枚举属性。

console.log(JSON.stringify(kxy));

结果：

image

此方法也只能读取对象本身的可枚举属性，并序列化为JSON对象。

function Person() {
            this.name = "KXY";
        }
        Person.prototype = {
            constructor: Person,
            job: "student",
        };
        
        var kxy = new Person();
        Object.defineProperty(kxy, "sex", {
            value: "female",
            enumerable: false
        });

        console.log('new kxy', kxy)
        console.log('new kxy prototype', kxy.defineProperty)

        for (let i in kxy){
            console.log('for in', i )   // 只能返回可枚举属性name 和原型上的属性constructor和job
        }

        console.log(222, Object.keys(kxy))   // 只能返回可枚举属性name

        console.log(333, JSON.stringify(kxy))  // 只能返回可枚举属性name

for in 只能遍历可枚举型的属性 可以用来遍历数组和对象 ，返回索引

for of 只能遍历数组，返回数组的每一项

去重

    const list=[
        { name:111,title:11111},
        { name:2,title:11111},
        { name:3,title:11111},
        { name:111,title:11111},
    ]

    let newList=[]
    for(let obj of list){
        console.log(obj)
        const bool=newList.find((item)=>item.name==obj.name )
        if(!bool){
            newList.push(obj)
        }
    }
    console.log(9,newList)