ক্রোম কনসোলে কীভাবে পূর্ণ অবজেক্ট দেখাবেন?

Question

var functor=function(){
    //test
}

functor.prop=1;

console.log(functor);

এটি কেবল ফান্টারের ফাংশন অংশটি দেখায়, কনসোলে ফান্টারের বৈশিষ্ট্যগুলি প্রদর্শন করতে পারে না।

Answer 1

ব্যবহারের console.dir()একটি ব্রাউজ-সক্ষম বস্তুর তোমাদের পরিবর্তে মাধ্যমে ক্লিক করতে পারেন আউটপুট .toString()সংস্করণ, এভাবে:

console.dir(functor);

নির্দিষ্ট বস্তুর জাভাস্ক্রিপ্ট উপস্থাপনা মুদ্রণ করে। লগ হওয়া বস্তুটি যদি কোনও এইচটিএমএল উপাদান হয় তবে তার ডিওএম উপস্থাপনের বৈশিষ্ট্য মুদ্রিত হয় ^[1]

---

[1] https://developers.google.com/web/tools/chrome-devtools/debug/console/console-references#dir

Comments

এটি লক্ষ করা উচিত যে কেবল varNameক্রোম কনসোলে মুদ্রণ করা এবং এন্টার চাপানো একইরূপ প্রভাব দেয় console.dir(varName)।

— ভাদজিম

Answer 2

আপনি চেষ্টা করলে আপনি আরও ভাল ফলাফল পেতে পারেন:

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

Comments

এই উত্তরটি দুর্দান্ত তবে আমি মনে করি উপরের নমুনার সাথে কাজ করে না, একটি নতুন ট্যাবে চেষ্টা করে এবং অপরিবর্তিত রয়েছে

— aitorllj93

এই উত্তরের যথাযথ সম্মানের সাথে, অবশেষে এটি বস্তুর প্রতিনিধিত্ব করে একটি স্ট্রিং প্রদান করে এবং কনসোলে কোনও "ব্রাউজযোগ্য" অবজেক্ট নয়, যেমন প্রশ্নটি এখানেই রয়েছে। সত্য, আপনি যদি JSON.parse এর মাধ্যমে এই আউটপুট স্ট্রিংটি চালনা করেন তবে এটি তার অবজেক্ট-ফর্ম্যাটে ফিরে আসবে, তবে কনসোলটি এখনও এটি ".toString ()" দেখায় এবং আমরা আবার স্কোয়ারে ফিরে আসছি। "কনসোল.ডির" ব্যবহারের সাথে উত্তরটি এখানে থাকা প্রশ্নের উত্তরের জন্য উপযুক্ত।

— TheCuBeMan

Answer 3

আপনি চেষ্টা করলে আপনি আরও ভাল ফলাফল পেতে পারেন:

console.log(JSON.stringify(obj, null, 4));

Comments

এই উত্তরটি আউটপুট ফর্ম্যাট করে @ বাস্টিবেনের উন্নতি করে।

— ক্লোনক্রস

Answer 4

var gandalf = {
  "real name": "Gandalf",
  "age (est)": 11000,
  "race": "Maia",
  "haveRetirementPlan": true,
  "aliases": [
    "Greyhame",
    "Stormcrow",
    "Mithrandir",
    "Gandalf the Grey",
    "Gandalf the White"
  ]
};
//to console log object, we cannot use console.log("Object gandalf: " + gandalf);
console.log("Object gandalf: ");
//this will show object gandalf ONLY in Google Chrome NOT in IE
console.log(gandalf);
//this will show object gandalf IN ALL BROWSERS!
console.log(JSON.stringify(gandalf));
//this will show object gandalf IN ALL BROWSERS! with beautiful indent
console.log(JSON.stringify(gandalf, null, 4));

Answer 5

এটি আমার জন্য পুরোপুরি কাজ করেন:

for(a in array)console.log(array[a])

আপনি এই ডেটা ক্লিনআপ এবং উত্তরোত্তর ব্যবহারের সন্ধান / প্রতিস্থাপনের জন্য কনসোলে তৈরি যে কোনও অ্যারেগুলি বের করতে পারেন

Comments

আরও কিছুটা বিশদভাবে:for (i in arr) { console.log(i); console.log(arr[i]); }

— জিও

এটি গুণযোগ্য নয় এমন বৈশিষ্ট্য এবং পদ্ধতিগুলি আউটপুট দেয় না

— বার্বু বার্বু

Answer 6

কনসোলে জিনিসগুলি সুবিধামত মুদ্রণের জন্য আমি একটি ফাংশন লিখেছিলাম।

// function for debugging stuff
function print(...x) {
    console.log(JSON.stringify(x,null,4));
}

// how to call it
let obj = { a: 1, b: [2,3] };
print('hello',123,obj);

কনসোল আউটপুট হবে:

[
    "hello",
    123,
    {
        "a": 1,
        "b": [
            2,
            3
        ]
    }
]

Answer 7

আধুনিক ব্রাউজারগুলির সাথে, console.log(functor)পুরোপুরি কাজ করে (যেমনটি ছিল তেমন আচরণ করে console.dir)।

Answer 8

আমি ট্রিটেন্ট ডি'গও উত্তরটির একটি ফাংশন করেছি।

function print(obj) {
  console.log(JSON.stringify(obj, null, 4));
}

এটি কিভাবে ব্যবহার করতে

print(obj);

Answer 9

আপত্তি আউটপুট:

console.log(obj, null, 4)