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 相关文章推荐
javascript 定义初始化数组函数
Sep 07 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
Jun 09 Javascript
jQuery Mobile和HTML5开发App推广注册页
Nov 07 Javascript
assert()函数用法总结(推荐)
Jan 25 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
基于原生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.MVC的模板标签系统(三)
2006/09/05 PHP
linux命令之调试工具strace的深入分析
2013/06/03 PHP
php+highchats生成动态统计图
2014/05/21 PHP
Track Image Loading效果代码分析
2007/08/13 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
js 实现一些跨浏览器的事件方法详解及实例
2016/10/27 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
JavaScript实现随机五位数验证码
2019/09/27 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
Python处理XML格式数据的方法详解
2017/03/21 Python
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python实现简易数码时钟
2021/02/19 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
马歇尔耳机官网:Marshall Headphones
2020/02/04 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
思想政治教育专业个人求职信范文
2013/12/20 职场文书
会计电算化专业自荐信
2014/03/15 职场文书
师德师风个人反思
2014/04/28 职场文书
诉前财产保全担保书
2014/05/20 职场文书
工人先锋号事迹材料
2014/12/24 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书