JS如何定义用字符串拼接的变量


Posted in Javascript onJuly 11, 2020

今天在写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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
快速排序 php与javascript的不同之处
Feb 22 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
JS实现距离上次刷新已过多少秒示例
May 23 Javascript
jQuery中innerHeight()方法用法实例
Jan 19 Javascript
js实现可折叠展开的手风琴菜单效果
Sep 07 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
教你一步步用jQyery实现轮播器
Dec 18 Javascript
微信小程序调用PHP后台接口 解析纯html文本
Jun 13 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 #Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
Jul 11 #Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 11 #Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 #Javascript
VSCode 配置uni-app的方法
Jul 11 #Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 #Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 #Javascript
You might like
PHP 数组实例说明
2008/08/18 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
JS按回车键实现登录的方法
2014/08/25 Javascript
JavaScript实现图片轮播的方法
2015/07/31 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
Python实现的几个常用排序算法实例
2014/06/16 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
Python 自动登录淘宝并保存登录信息的方法
2019/09/04 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
Python函数生成器原理及使用详解
2020/03/12 Python
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
季度思想汇报
2014/01/01 职场文书
餐饮业员工工作决心书
2014/03/11 职场文书
环境建设实施方案
2014/03/14 职场文书
村委会换届选举方案
2014/05/03 职场文书
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
网络研修随笔感言
2015/11/18 职场文书
nginx请求限制配置方法
2021/07/09 Servers
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers