কোনও অবজেক্টের অ-গণ্য উত্তরাধিকার সূত্রে প্রাপ্ত সম্পত্তি নাম পাওয়া কি সম্ভব?

Question 1

জাভাস্ক্রিপ্টে আমরা কী পেতে চাই তার উপর নির্ভর করে কোনও জিনিসের বৈশিষ্ট্য পাওয়ার কয়েকটি উপায় রয়েছে।

1) Object.keys(), যা কোনও সামগ্রীর সমস্ত, নিজস্ব গুণগত গুণাবলী, একটি ইসিএমএ 5 পদ্ধতি প্রদান করে।

২) একটি for...inলুপ, যা কোনও সামগ্রীর সমস্ত গুণমানের বৈশিষ্ট্য ফিরিয়ে দেয়, সেগুলি তার নিজস্ব সম্পত্তি হ'ল বা প্রোটোটাইপ শৃঙ্খল থেকে উত্তরাধিকার সূত্রে প্রাপ্ত হোক।

3) Object.getOwnPropertyNames(obj)যা একটি বস্তুর সমস্ত নিজস্ব সম্পত্তি প্রদান করে, গণনাযোগ্য বা না।

আমাদের কাছে এমন পদ্ধতি রয়েছে যেমন hasOwnProperty(prop)আমাদের কোনও সম্পত্তি উত্তরাধিকার সূত্রে প্রাপ্ত কিনা বা বাস্তবে সেই অবজেক্টের অন্তর্ভুক্ত propertyIsEnumerable(prop)কিনা তা যাচাই করতে দেয় এবং নাম অনুসারে যেটি সম্পত্তি হিসাবে অগণনীয় তা পরীক্ষা করতে দেয়।

এই সমস্ত বিকল্পের সাথে, কোনও বস্তুর অ-গণনাযোগ্য, অ-নিজস্ব সম্পত্তি পাওয়ার কোনও উপায় নেই , যা আমি করতে চাই। এই কাজ করতে কোন উপায় আছে কি? অন্য কথায়, আমি কি কোনওভাবে উত্তরাধিকারসূত্রে প্রাপ্ত অগণিত সম্পত্তিগুলির একটি তালিকা পেতে পারি?

ধন্যবাদ.

Question 2

যেহেতু getOwnPropertyNamesআপনাকে অগণিত গুণাবলী পাওয়া যায় তাই আপনি এটি ব্যবহার করতে এবং প্রোটোটাইপ চেইন আপ করার সাথে এটি একত্রিত করতে পারেন।

function getAllProperties(obj){
    var allProps = []
      , curr = obj
    do{
        var props = Object.getOwnPropertyNames(curr)
        props.forEach(function(prop){
            if (allProps.indexOf(prop) === -1)
                allProps.push(prop)
        })
    }while(curr = Object.getPrototypeOf(curr))
    return allProps
}

আমি সাফারি 5.1 এ এটি পরীক্ষা করেছি এবং পেয়েছি

> getAllProperties([1,2,3])
["0", "1", "2", "length", "constructor", "push", "slice", "indexOf", "sort", "splice", "concat", "pop", "unshift", "shift", "join", "toString", "forEach", "reduceRight", "toLocaleString", "some", "map", "lastIndexOf", "reduce", "filter", "reverse", "every", "hasOwnProperty", "isPrototypeOf", "valueOf", "__defineGetter__", "__defineSetter__", "__lookupGetter__", "propertyIsEnumerable", "__lookupSetter__"]

আপডেট: কোডটি কিছুটা রিফ্যাক্টড (যুক্ত স্পেস এবং কোঁকড়া ধনুর্বন্ধনী, এবং ফাংশনের নাম উন্নত):

function getAllPropertyNames( obj ) {
    var props = [];

    do {
        Object.getOwnPropertyNames( obj ).forEach(function ( prop ) {
            if ( props.indexOf( prop ) === -1 ) {
                props.push( prop );
            }
        });
    } while ( obj = Object.getPrototypeOf( obj ) );

    return props;
}

Question 3

পুনরাবৃত্তি ব্যবহার করে একটি ক্লিনার সমাধান:

function getAllPropertyNames (obj) {
    const proto     = Object.getPrototypeOf(obj);
    const inherited = (proto) ? getAllPropertyNames(proto) : [];
    return [...new Set(Object.getOwnPropertyNames(obj).concat(inherited))];
}

সম্পাদনা করুন

আরও জেনেরিক ফাংশন:

function walkProtoChain (obj, callback) {
    const proto     = Object.getPrototypeOf(obj);
    const inherited = (proto) ? walkProtoChain(proto, callback) : [];
    return [...new Set(callback(obj).concat(inherited))];
}

function getOwnNonEnumPropertyNames (obj) {
    return Object.getOwnPropertyNames(obj)
        .filter(p => !obj.propertyIsEnumerable(p));
}

function getAllPropertyNames (obj) {
    return walkProtoChain(obj, Object.getOwnPropertyNames);
}

function getAllEnumPropertyNames (obj) {
    return walkProtoChain(obj, Object.keys);
}

function getAllNonEnumPropertyNames (obj) {
    return walkProtoChain(obj, getOwnNonEnumPropertyNames);
}

এই একই টেম্পলেট Object.getOwnPropertySymbolsইত্যাদি ব্যবহার করে প্রয়োগ করা যেতে পারে etc.

Question 4

সেটগুলির সুবিধা গ্রহণ করা কিছুটা পরিষ্কার সমাধানের দিকে নিয়ে যায়, আইএমও।

const own = Object.getOwnPropertyNames;
const proto = Object.getPrototypeOf;

function getAllPropertyNames(obj) {
    const props = new Set();
    do own(obj).forEach(p => props.add(p)); while (obj = proto(obj));
    return Array.from(props);
}

Question 5

ES6 এ সরাসরি এগিয়ে পুনরাবৃত্তি:

function getAllPropertyNames(obj) {
    let result = new Set();
    while (obj) {
        Object.getOwnPropertyNames(obj).forEach(p => result.add(p));
        obj = Object.getPrototypeOf(obj);
    }
    return [...result];
}

উদাহরণ রান:

কোড স্নিপেট দেখান

function getAllPropertyNames(obj) {
  let result = new Set();
  while (obj) {
    Object.getOwnPropertyNames(obj).forEach(p => result.add(p));
    obj = Object.getPrototypeOf(obj);
  }
  return [...result];
}

let obj = {
  abc: 123,
  xyz: 1.234,
  foobar: "hello"
};

console.log(getAllPropertyNames(obj));

স্নিপেট প্রসারিত করুন

Question 6

কিছু উত্তরাধিকার সূত্রে প্রাপ্ত সমস্ত সম্পত্তি বা পদ্ধতিগুলি পেতে আপনি এর মতো কিছু ব্যবহার করতে পারেন

var BaseType = function () {
    this.baseAttribute = "base attribute";
    this.baseMethod = function() {
        return "base method";
    };
};

var SomeType = function() {
    BaseType();
    this.someAttribute = "some attribute";
    this.someMethod = function (){
        return "some method";
    };
};

SomeType.prototype = new BaseType();
SomeType.prototype.constructor = SomeType;

var instance = new SomeType();

Object.prototype.getInherited = function(){
    var props = []
    for (var name in this) {  
        if (!this.hasOwnProperty(name) && !(name == 'constructor' || name == 'getInherited')) {  
            props.push(name);
        }  
    }
    return props;
};

alert(instance.getInherited().join(","));

Question 7

বিষয়টি অধ্যয়নের সময় আমি যে সমাধানটি নিয়ে এসেছি তা এখানে। objঅবজেক্টটির সমস্ত অ-গণনাযোগ্য অ-নিজস্ব সম্পত্তি পেতে TogetProperties(obj, "nonown", "nonenum");

function getProperties(obj, type, enumerability) {
/**
 * Return array of object properties
 * @param {String} type - Property type. Can be "own", "nonown" or "both"
 * @param {String} enumerability - Property enumerability. Can be "enum", 
 * "nonenum" or "both"
 * @returns {String|Array} Array of properties
 */
    var props = Object.create(null);  // Dictionary

    var firstIteration = true;

    do {
        var allProps = Object.getOwnPropertyNames(obj);
        var enumProps = Object.keys(obj);
        var nonenumProps = allProps.filter(x => !(new Set(enumProps)).has(x));

        enumProps.forEach(function(prop) {
            if (!(prop in props)) {
                props[prop] = { own: firstIteration, enum_: true };
            }           
        });

        nonenumProps.forEach(function(prop) {
            if (!(prop in props)) {
                props[prop] = { own: firstIteration, enum_: false };
            }           
        });

        firstIteration = false;
    } while (obj = Object.getPrototypeOf(obj));

    for (prop in props) {
        if (type == "own" && props[prop]["own"] == false) {
            delete props[prop];
            continue;
        }
        if (type == "nonown" && props[prop]["own"] == true) {
            delete props[prop];
            continue;
        }

        if (enumerability == "enum" && props[prop]["enum_"] == false) {
            delete props[prop];
            continue;
        }
        if (enumerability == "nonenum" && props[prop]["enum_"] == true) {
            delete props[prop];
        }
    }

    return Object.keys(props);
}

Question 8

function getNonEnumerableNonOwnPropertyNames( obj ) {
    var oCurObjPrototype = Object.getPrototypeOf(obj);
    var arReturn = [];
    var arCurObjPropertyNames = [];
    var arCurNonEnumerable = [];
    while (oCurObjPrototype) {
        arCurObjPropertyNames = Object.getOwnPropertyNames(oCurObjPrototype);
        arCurNonEnumerable = arCurObjPropertyNames.filter(function(item, i, arr){
            return !oCurObjPrototype.propertyIsEnumerable(item);
        })
        Array.prototype.push.apply(arReturn,arCurNonEnumerable);
        oCurObjPrototype = Object.getPrototypeOf(oCurObjPrototype);
    }
    return arReturn;
}

ব্যবহারের উদাহরণ:

function MakeA(){

}

var a = new MakeA();

var arNonEnumerable = getNonEnumerableNonOwnPropertyNames(a);

Question 9

আপনি যদি কোনও পিতামাতার অবজেক্টের অগণিত গুণাবলী লগ করার চেষ্টা করছেন। ডিফল্টরূপে এস 6 এ শ্রেণীর অভ্যন্তরে সংজ্ঞায়িত পদ্ধতিগুলি প্রোটোটাইপে সেট করা থাকে তবে অণনীয় হিসাবে সেট করা হয়।

Object.getOwnPropertyNames(Object.getPrototypeOf(obj));

Question 10

আমার ব্যক্তিগত পছন্দগুলিতে একটি বাস্তবায়ন :)

function getAllProperties(In, Out = {}) {
    const keys = Object.getOwnPropertyNames(In);
    keys.forEach(key => Object.defineProperty(In, key, {
        enumerable: true
    }));
    Out = { ...In, ...Out };

    const Prototype = Object.getPrototypeOf(In);
    return Prototype === Object.prototype ? Out : getAllProperties(Proto, Out);
}