ما هي وظائف واهم استعمالات الخاصية console.group في الجافاسكريبت

console.group هذه الطريقة تستخدم لتنسيق المخرجات وتجميعها عند التعامل مع consloe 

عند استخدام console.groupتقوم بفتح مجموعة جديدة ولكي تفصلها عن التي تليها عليك كتابة console.groupEnd(); بعدد مرات بداية المجموعات التي فتحتها لكي تبدأ بمجموعة جديدة ليست أبناء للأولى

console.group("group 1");
console.log("message one");
console.log("message two");
    console.groupCollapsed("child group");
    console.log("message one");
    console.log("message two");
        console.groupCollapsed("grand child group");
        console.log("message one");
        console.log("message two");
        console.groupEnd();
    console.groupEnd();
console.groupEnd();

console.group("group 2");
console.log("message one");
console.log("message two");

يوجد هذه الإجابة:

اذا كنت تنوي العمل مع الكثير من المجموعات في ال console فيمكنك اضافة الوان لتسهيل الرؤية عند العمل 

console.group("%c group 1", 'background: #222; color: #bada55');
console.log("%c message one",'color: #bada55');
console.log("%c message two" ,'color: #bada55');
    console.groupCollapsed("%c child group",'color: #bada55');
    console.log("message one");
    console.log("message two");
        console.groupCollapsed("grand child group");
        console.log("message one");
        console.log("message two");
        console.groupEnd();
    console.groupEnd();
console.groupEnd();

console.group("%c group 2", 'background: orange; color: black');
console.log("%c message one","color: orange");
console.log("%c message two","color: orange");