vue中用字符串拼接生成变量名

Posted 2023-05-07

参考技术A 例：获取每个id值及name值
list=[
id:1,name0:'名称1',
id:2,name1:'名称2',
]

结果

js中定义用字符串拼接起来的变量名的变量

今天在写js的时候碰到了难题，我又一个页面需要生成很多的变量。但是变量的名称是根据参数的不同而区分的。

例如可能需要生成 date_1,date_2,datet_3... （后面的数字是根据参数来的）。 所以我的函数名 应该由 var name = "test_"+num;   生成函数名  但这问题就来了。
1可以使用 window[name] = "  "  这种方式来定义变量：

所以 var "test_"+num = 100; 这中肯定是错误的。后来问了大哥后才知道。可以使用  window[name] = 100 这种方式来定义变量。看代码

    function create_variable(num){
        var name = "test_"+num;   //生成函数名
        window[name] = 100;
        window[\'name\'] = 200;   //注意看中括号里的内容加引号和不加引号的区别
    }
    create_variable(2);
    alert(test_2);  // 100;
    alert(name); //200;

总结  window用中括号的方式定义 变量时，中括号里的内容应该是字符串。如果是一个变量的话，他就会解析这个变量找到具体的值。

他和点语法区别就是这里，点语法后面跟的内容就是要定义的变量名。而不会在解析他是否为变量之类的。例如

    var name = "test"
    window.name = 200
    alert(name); // 200
    alert(test);   ReferenceError: test is not defined

2用对象的形式

var test = {};
    for(var i = 0; i < 3; i++){
        test[\'test_\'+i]=\'我是字符串\'+i;
 
        console.log(test[\'test_\'+i]); //输出:我是字符串0, 我是字符串1, 我是字符串2
    }
console.log(test_0); //输出:ReferenceError: test_0 is not defined
console.log(test[\'test_0\']); //输出:我是字符串0

3用数组的形式

var test = [];
    for(var i = 0; i < 3; i++){
        test[i]=\'我是字符串\'+i;
        console.log(test[i]); //输出:我是字符串0, 我是字符串1, 我是字符串2
    }
console.log(test[0]); //输出:我是字符串0

参考：
https://www.cnblogs.com/vlone/p/4602072.html
https://blog.csdn.net/swirlee/article/details/88090080