Задача на объекты в JavaScript

Короче говоря, я новичок в JS и вот решал задачу. Смысл задачи: если значение объекта является числом (number), то его значение надо увеличить вдвое. Вот рабочий код:

let menu = {
    width: 200, 
    height: 300,
    title: "my menu"
};

function multiplyNumeric (obj) {
    for (let key in obj) {
        if (typeof obj[key] === "number") {
            obj[key] *= 2;
        }
    }
}

multiplyNumeric(menu);

Возможно, мой вопрос глупый, но почему этот же код не работает через точечную нотацию? Я имею ввиду вот так:

let menu = {
    width: 200, 
    height: 300,
    title: "my menu"
};

function multiplyNumeric (obj) {
    for (let key in obj) {
        if (typeof obj.key === "number") {
            obj.key *= 2;
        }
    }
}

multiplyNumeric(menu);

let menu = {
    width: 200, 
    height: 300,
    title: "my menu"
};

let key = 'title';
console.log(menu.width);
console.log(menu.key);