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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中用字符串拼接生成变量名相关的知识,希望对你有一定的参考价值。

参考技术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

以上是关于vue中用字符串拼接生成变量名的主要内容,如果未能解决你的问题,请参考以下文章

拼接str 类型的字符串 按照规则生成变量名。然后给他赋值

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

shell echo 字符串拼接变量

vue组件属性中字符串如何拼接变量?

Vue项目上绑定变量与字符串拼接-案例

Groovy字符串 ( 字符串拼接 | 多行字符串 )