将JSON提取到Javascript变量中

Question

我是javascript新手，这是一个新手问题：

在php中，有一个extract（）方法可以从关联数组中导入变量。 例如：

$var_array = array("color" => "blue",
                   "size"  => "medium",
                   "shape" => "sphere");
extract($var_array);
// $color is a defined varible here with the value of "blue"

我想知道标准Javascript或流行的库（例如jQuery或下划线）中是否存在对Javascript对象执行相同方法的方法。 我的意思是这样的：

jsObject = {"color" : "blue",
            "size"  : "medium",
            "shape" : "sphere"};

extract(jsObject); // Is there such a thing?

// Here, color is a defined variable

Answer 1

您可以执行以下操作：

Object.getOwnPropertyNames(obj).forEach(k => window[k] = obj[k]);

或限制新变量的范围：

Object.getOwnPropertyNames(obj).forEach(k => this[k] = obj[k]);

Answer 2

您可以使用

function extract(jsObject){
    for (var key in jsObject) {
       window[key] = jsObject[key];
    }
}




 console.log(size)   //medium

Answer 3

标准Javascript中没有什么可以像这样工作的，但是如果您使用ES6，则可以像这样破坏对象

const obj = {
    color: 'blue',
    size: 'medium',
    shape: 'sphere',
}

const { color, size, shape } = obj;

console.log(color, size, shape) // blue medium sphere

您可以使用Babel将您的代码转换为ES6。 如果您刚刚开始，那么现在对您来说可能有点高级，所以我建议您坚持使用直观的方法，但是几周后一定要检查Babel。 它给您一些非常酷的东西。

Answer 4

使用window对象存在两个问题：

1. 它及其所有属性都是默认的全局变量。 可能没有兴趣。

2. 必须假设它在所有浏览器中都存在（现在已经存在）。 考虑一下Nodejs

你可以做：

for (var key in jsObject) {
    eval('var ' + key + ' = ' + jsObject[key]);
}

试试这个，可能会有所帮助：

(function () {
    var jsObject = {color: 'blue'};

    // Dynamically assign to local variables
    for (var key in jsObject) {
        eval('var ' + key + ' = ' + jsObject[key]);
    }

    // Test locally
    console.log(color);
})();

// Test globally
console.log(color);

结果：

'blue'
[error] color is not defined