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 相关文章推荐
一端时间轮换的广告
Jun 26 Javascript
ext jquery 简单比较
Apr 07 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
Feb 23 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
微信小程序实现之手势锁功能实例代码
Jul 19 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
使用微信SDK自定义分享的方法
Jul 03 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读取MySQL数据代码
2008/06/05 PHP
php 中英文语言转换类
2011/09/07 PHP
PHP中include与require使用方法区别详解
2013/10/19 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
[02:22:36]《加油!DOTA》总决赛
2014/09/19 DOTA
详解Python3中yield生成器的用法
2015/08/20 Python
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
python里使用正则的findall函数的实例详解
2017/10/19 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
python实现文件的分割与合并
2019/08/29 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
医学生自荐信
2013/12/03 职场文书
参观考察邀请函范文
2014/01/29 职场文书
医疗纠纷协议书
2014/04/16 职场文书
运动会方队口号
2014/06/07 职场文书
销售口号大全
2014/06/11 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
销售员态度差检讨书
2014/10/26 职场文书
体育委员竞选稿
2015/11/21 职场文书