javascript object.key 不工作

Question

我有代码来获取存储在 cookie 中的 GA 参数，并将它们设置为无法正常工作的表单中的输入值，而且我一生都无法弄清楚原因。

(function( $ ) {
    if (Cookies.get('gaParams')) {
        var params = Cookies.get('gaParams');
    }
    $('#source').val(params['utm_source'] ? params['utm_source'] : 'organic');
    $('#medium').val(params['utm_medium'] ? params['utm_medium'] : '');
    $('#campaign').val(params['utm_campaign'] ? params['utm_campaign'] : '');
    $('#keywords').val(params['utm_terms'] ? params['utm_terms'] : '');

    console.log(params,params['utm_medium'],params.utm_medium);

}(jQuery));

您可以通过访问here来查看它的实际情况。然后单击“请求报价”按钮。
console.log 将返回 {"utm_medium":"testing","utm_source":"whatever"} undefined undefined

我不明白为什么调用对象键不会以这种方式给我值。

Answer 1

因为变量params是字符串类型。您应该使用此方法 JSON.parse() 来解析 JSON 字符串

var params = Cookies.get('gaParams');
params = JSON.parse(params);