كيفية تعيين اسم مفتاح الكائن عبر متغير في JavaScript؟

مرحباً بالجميع! لقد بدأت للتو في تعلم JavaScript وواجهت مشكلة أثناء العمل مع الكائنات. أحتاج إلى إنشاء كائن حيث يتم أخذ اسم المفتاح (الخاصية) من متغير، بدلاً من أن يكون سلسلة نصية ثابتة.

إليك ما أحاول فعله: لدي متغير keyName يحتوي على السلسلة النصية "userName". أريد إنشاء كائن حيث يكون المفتاح هو قيمة هذا المتغير، والقيمة هي "John". لقد جربت ما يلي:

let keyName = "userName";
let obj = { keyName: "John" };
console.log(obj); // { keyName: "John" }

لكن النتيجة أن المفتاح يُسمى keyName وليس userName. أي أن JavaScript تستخدم اسم المتغير كاسم للمفتاح، وليس قيمته. أنا أتفهم أن هذا ليس ما أحتاجه.

أحتاج إلى أن يكون المفتاح ديناميكياً، أي أريد الحصول على كائن { userName: "John" }. كيف يمكنني فعل ذلك؟ لقد سمعت أن في ES6 هناك بعض الميزات لهذا الغرض، لكنني لست متأكداً. أرجو إرشادي إلى الصيغة الصحيحة. سأكون سعيداً أيضاً إذا شرحتم لي لماذا لا يعمل الكود الخاص بي وكيف يعمل بشكل عام.