JavaScript でオブジェクトをトラバースする 5 つの方法 サンプルコード

var notEnum = Symbol("継承された列挙不可能なシンボル");
var プロトコル = {
    [Symbol("継承された列挙可能なシンボル")]: "継承された列挙可能なシンボル",
    名前: 「継承された列挙可能なプロパティ」
};
// 列挙できないプロパティ Object.defineProperty(proto, "age", {
    値: "列挙不可能なプロパティを継承する"
});
// 列挙不可能なシンボルプロパティ Object.defineProperty(proto, notEnum, {
    値: "列挙不可能なシンボルを継承する"
});

var obj = {
    job1: "列挙可能な属性 1 を所有する",
    job2: "列挙可能な属性2を所有する",
    [Symbol("自身の列挙可能なシンボル")]: "自身の列挙可能なシンボル"
};
// Object.setPrototypeOf(obj, proto) を継承します。
// 列挙できないプロパティ Object.defineProperty(obj, "address", {
    値: "列挙できない属性を所有する"
});
// 列挙不可能なシンボル属性 var ownNotEnum = Symbol("列挙不可能なシンボルを所有する");
オブジェクト.defineProperty(obj, ownNotEnum, {
    値: "列挙不可能なシンボルを所有する"
});

for(var attr in obj){
    console.log(attr,"==",obj[attr]);
}
/*
job1 == 自身の列挙可能なプロパティ 1
job2 == 列挙可能なプロパティ 2 を所有する
name == 継承された列挙可能なプロパティ */

オブジェクト.keys(obj).map((attr)=>{
    console.log(attr,"==",obj[attr]);
});
/*
job1 == 自身の列挙可能なプロパティ 1
job2 == 列挙可能なプロパティ 2 を所有する
*/

Object.getOwnPropertyNames(obj).map((attr)=>{
    console.log(attr,"==",obj[attr]);
});
/*
job1 == 自身の列挙可能なプロパティ 1
job2 == 列挙可能なプロパティ 2 を所有する
アドレス == 自身の列挙不可能な属性*/

Object.getOwnPropertySymbols(obj).map((attr)=>{
    console.log(attr,"==",obj[attr]);
});
/*
シンボル(自身の列挙可能なシンボル) == 自身の列挙可能なシンボル
シンボル(自身の非列挙シンボル) == 自身の非列挙シンボル
*/

Reflect.ownKeys(obj).map((attr)=>{
    console.log(attr,"==",obj[attr]);
});
/*
job1 == 自身の列挙可能なプロパティ 1
job2 == 列挙可能なプロパティ 2 を所有する
アドレス == 自身の非列挙属性 シンボル (自身の列挙可能なシンボル) '==' '自身の列挙可能なシンボル'
シンボル (自身の非列挙シンボル) '==' '自身の非列挙シンボル'
*/

オブジェクト.values(obj).map((val)=>{
    コンソールログ(val);
});
/*
列挙可能なプロパティ 1 を所有する
列挙可能なプロパティ 2 を所有する
*/

オブジェクト.entries(obj).map((val)=>{
    コンソールログ(val);
});
/*
[ 'job1', '列挙可能な属性 1 を所有' ]
[ 'job2', '列挙可能な属性 2 を所有する' ]
*/

for(var attr in obj){
    (Object.prototype.hasOwnProperty.call(obj,attr)) の場合{
        console.log("独自の属性: :",attr);
    }それ以外{
        console.log("継承された属性: :",attr);
    }
}
/*
独自のプロパティ:: job1
独自のプロパティ:: job2
継承されたプロパティ:: 名前
*/

Reflect.ownKeys(obj).map((attr) => {
    Object.prototype.propertyIsEnumerable.call(obj, attr) の場合 {
        console.log("列挙可能なプロパティ: :", attr);
    } それ以外 {
        console.log("列挙できない属性: :", attr);
    }
});
/*
列挙可能なプロパティ:: job1
列挙可能なプロパティ:: job2
列挙不可能なプロパティ:: アドレス
列挙可能なプロパティ:: シンボル (列挙可能なシンボルを所有)
列挙不可能なプロパティ:: シンボル (列挙不可能なシンボルを所有)
*/