【JavaScript】オブジェクトのプロパティを列挙するいくつかの方法

const obj = { a:1 , b:2 };
  // 列挙不可のプロパティを定義
Object.defineProperty( obj , "c" ,{ 
    enumerable:false, // 実際はデフォルトで列挙不可
    value:3
} );

Object.keys( obj ).forEach( e=>{
  console.log( e );
   // 結果: 
   //  a
   //  b
});

const A = class{
  propA = "A";
  funcA(){}; // プロトタイプチェーンに配置される
};

const a = new A();

Object.keys( a ).forEach( e=>{
  console.log( e );
    // 結果
    //  propA 
});

const constructorA = function(){
  this.prop1 = 1;
    // 列挙不可のプロパティを定義
  Object.defineProperty( this , "prop2" ,{ 
    enumerable:false, // 実際はデフォルトで列挙不可
    value:2
  } );
};
constructorA.prototype.funcA = function(){};
  // 列挙不可のプロパティを定義
Object.defineProperty( constructorA.prototype , "funcB" ,{ 
    enumerable:false, // 実際はデフォルトで列挙不可
    value:function(){}
} );

const cA = new constructorA();

for( const prop in cA ){
  console.log( prop );
   // 結果: 
   //  prop1
   //  funcA
}

const A = class{
  propA = "A";
  funcA(){}; // プロトタイプチェーンに配置される
};

const a = new A();

for( const prop in a ){
  console.log( prop );
   // 結果: 
   //  propA
}

// obj .. 対象のオブジェクト
// ignoreObjectProto .. Objectオブジェクトを除外するかどうか
const getForInAllPropertys = (obj,ignoreObjectProto=true)=>{
  const loopCheck = new WeakSet(); // ループ回避用
  const propNames = new Set(); // プロパティ名セット用

  const isObjectProto = ignoreObjectProto 
          ? ( proto )=> proto === Object.prototype
          : ()=>false;

  do{
    loopCheck.add( obj );
    Object.getOwnPropertyNames(obj).forEach( e=>propNames.add( e ) );
    obj = Object.getPrototypeOf( obj );
  }while( obj !== null &&  !isObjectProto(obj) &&  !loopCheck.has( obj ));
  
  return [...propNames];
}; 

const A = class{
  propA = "A";
  funcA(){};
};

const a = new A();
getForInAllPropertys( a ).forEach(e=>{
  console.log( e );
   // 結果：
   // propA
   // constructor
   // funcA
});

getForInAllPropertys( a , false ).forEach(e=>{
  console.log( e );
   // 結果：
   // propA
   // constructor
   // funcA
   // toString
   // toLocaleString
   // valueOf
   // hasOwnProperty
   // ・・・以下略
});