JS使用变量做变量名,拼接变量名

最新推荐文章于 2024-03-10 12:35:38 发布
最新推荐文章于 2024-03-10 12:35:38 发布
阅读量2.5k 收藏 2
点赞数
分类专栏： # 前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dmw412724/article/details/96990747
版权 
var v_1 =1;
var v_2 =2;
...
...

for(var i = 0;i <10;i++){
	alert(eval("v_"+i));
}

使用eval,将字符串变成执行代码.

ASP+JS动态变量名实例
u010930037的博客
07-16 389
今天有一个项目，ASP语言编写的，要实现不提交页面，依据输入的数据进行计算并显示其计算结果。反复调试一个下午+晚上终于完美解决。 一个是ASP文件，test.asp 一个是JS文件，CountFromInput.js CountFromInput.js 代码如下 // 不提交页面依据输入的数据计算结果，多行 // window.['变量名称'+动态变量] 此为全局变量。 function...
js用name做变量名
01-08
昨天帮室友写作业的时候发生了一件很奇怪的事情,我使用var关键字定义了一个name,目的是为了获取一个input标签中的value值,因为是很简单的操作,所以我直接绑定了点击事件,后来发现点击事件不生效,打印name发现其实根本没有获取到input标签中的value,而是一个字符串,下面给大家看一下我的代码: var name = document.querySelector('.name'), password = document.querySelector('.password'), submit_btn = docum
JS---js的变量
weixin_56464670的博客
06-03 541
js变量
js如何用变量值作为对象名
劲枫的博客
04-27 4214
let colum = "abc" let arr = [] arr.push({[colum]:{name:"xxx",id:123}}) 使用[ ] 中括号就可以实现。
js拼接变量名并使用
weixin_30339969的博客
04-08 670
参考文章:http://www.r9it.com/wzkf/js/html/915.html 通过使用 window 来定义变量 var i,k;for(i=0,k=1;i<=8;i++,k++){window['series10'+k] = this.series[i];} 类似于 var series101 =this.series[0]; ... 可以通过eval方法来使用...
js变量命名
QQQqq031110的博客
05-09 224
/y is not defined 报错：没有声明没有赋值。//undefined 未定义，声明了变量但是没有赋值。//undefined ，声明了没有赋值 未定义。变量：存储数据的容器，变量名（标识符）给存储数据的区域取的名字。//=赋值，把等号右边的值赋值给左边。var m = "吃",n = "饭";//声明变量：var 变量名 = 值。//4.同时声明多个变量，用逗号隔开。//变量:存储数据的容器。//3.声明的同时赋值。//6.不建议的写法。
JS如何定义用字符串拼接的变量
11-20
在JavaScript中，有时候我们需要动态地创建变量，尤其是当变量名基于某些条件或参数时。例如，在上述场景中，我们可能需要生成一系列以`date_`为前缀，后跟一个数字的变量。在这种情况下，直接使用`var "test_" + ...
vue中如何实现变量和字符串拼接
08-30
如果想要在字符串中插入变量，可以直接写入变量名，Vue会自动处理： ```html 变量a的值是：{{ a }} ``` 然而，当涉及到更复杂的字符串拼接，如在JavaScript函数中，我们可以使用模板字符串（Template literals）或...
javascript json对象小技巧之键名作为变量用法分析
10-16
本篇文章将深入探讨如何在JavaScript中将键名作为变量使用，以及一些相关的实用技巧。 通常，我们创建一个JSON对象时，会像下面这样定义键值对： ```javascript var json = { name: "谭勇" }; ``` 然后，我们...
js的变量名拼接
Chennfengg222的博客
12-09 2186
js变量名拼接 对象方式 var name = 'test'; window[name+1] = '变量名由方法一拼接而成,变量：test1' window['test' + 2] = '变量：test2' 数组 var arr=[]; for(var i=0;i<xxx.length;i++ ) { arr[i]=内容 } ...
js变量名拼接
梨子社区
10-28 2418
js变量名拼接
js变量名拼接字符串 变量名动态变化 根据传参变化（方便多模块复用方法）
hzxOnlineOk的博客
01-25 1126
JavaScript eval('变量名字符串') 函数 定义和用法 eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。 如果参数是一个表达式，eval()函数将执行表达式。如果参数是Javascript语句，eval()将执行 Javascript 语句。 语法 eval(string) ...
【小记事】如何用变量值来做变量名
weixin_30699463的博客
07-31 946
今天在写代码时遇到了这样一个需求 —— 需要在变量名上加一个变量。 这时候我们就可以用eval() 函数。 js中的eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 栗子如下： { xxx.map((item, index) => { return <ScrollView onLayout={event => {...
如何在给js起变量名时，拼接变量？
团长的博客
06-25 1万+
需求 最近在传参时，需要给成吨的变量起名，例如：tree_1, tree_2, tree_3，甚至是这种：testList[0].id,testList[0].name,testList[1].id,testList[1].name… 问题 本想着在循环中拼接字符串与变量 i // 错误示范 错误示范 错误示范 for(let i = 0;i < 20, i++;){ let 'tree_...
JavaScript字符串拼接变量名及赋值
热门推荐
lihefei_coder的博客
04-14 2万+
某些时候需要通过传参的形式来改变或获取有规律的变量值，就可以用到变量名拼接 传参拼接变量名获取值方法一：(适用于全局变量) //通过中括号[] var str_a = '你好'; var str_b = 'hello'; function test(s){ return window['str_' + s]; } console.log(test('a')); //你好 conso...
JS 通过给变量添加类名从而修改变量的属性
weixin_50784508的博客
06-11 244
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> /*设置一个class选择器，增设其属性*/ .d1{ color:white; } /*#div1{ border:50px so
【JavaScript】JavaScript 变量 ③ ( JavaScript 变量命名规范 | 变量名组成 | 变量名开头 | 严格区分大小写 | 不能是关键字 | 驼峰式命名 | 常量全大写 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-10 2358
一、 JavaScript 变量命名规范 1、变量名组成 2、变量名开头 3、变量名严格区分大小写 4、变量不能是 关键字 5、驼峰式命名法 6、常量使用全大写字母 7、变量定义推荐规则
JS包含变量组合定义变量名
Xwz的博客
03-17 1076
例如可能需要生成 data1,data2,data3... （后面的数字是根据定义的参数sum来的） 所以我的函数名,应该由 var "data_"+num =100;生成函数名与赋值,但这问题就来了。初始化变量时 等号左边是不允许是表达式的。所以在JS中使用 var "data"+num = 100 这种写法是有问题的。参数的不同而区分的。这就需要我定义一个var num =1,2,3,4,5,6,7去拼接一个共同的字符串data.今天在写js的时候碰到了问题，我有一个页面需要循环生成很多的变量。
js 动态拼接已有的变量名并调用
CamilleZJ的博客
05-04 2万+
js 动态拼接已有的变量名并调用
vue3 变量名拼接
最新发布
01-04
### 实现变量名拼接 在 Vue 3 中，通过使用 SASS 函数可以方便地实现 BEM 规范下的类名拼接。这不仅提高了代码的可读性和维护性，还使得样式管理更加高效[^2]。 #### 使用 SASS 进行类名拼接 为了简化开发流程，在项目中引入了三个辅助函数 `blockClass`、`elementClass` 和 `modifierClass` 来处理不同场景下所需的 CSS 类名组合： ```scss // _bem.scss 文件内容示例 @mixin block($name) { .#{$name} { @content; } } @mixin element($parent, $child) { &__#{$child} { @content; } } @mixin modifier($modiferName, $value: true) { &[#{$modiferName}="#{if($value === true, '', $value)}"] { @content; } } ``` 上述 SCSS 片段展示了如何创建基于 BEM 命名约定的基础 mixins。这些 mixin 能够帮助开发者快速构建复杂的 HTML 结构对应的样式规则。 #### 将 SASS 辅助方法注册至全局属性 为了让整个应用程序都能轻松调用这些工具函数而无需重复导入，可以在项目的入口文件(main.ts 或 main.js)中配置如下所示: ```typescript import { createApp } from 'vue' import App from './App.vue' // 导入用于生成BEM类名的帮助函数 import { blockClass, elementClass, modifierClass } from './handleScssVar'; const app = createApp(App); // 注册为全局可用的方法 app.config.globalProperties.$blockClass = blockClass; app.config.globalProperties.$elementClass = elementClass; app.config.globalProperties.$modifierClass = modifierClass; app.mount('#app') ``` 这样做的好处在于任何组件都可以直接访问 `$blockClass`, `$elementClass` 和 `$modifierClass` 方法来动态计算所需的应用于模板中的 class 名称字符串。 #### 组件内实际运用案例 下面是一个简单的例子展示怎样利用已定义好的 global properties 完成具体操作： ```html <template> <div :class="$blockClass('my-block')" role="button"> <span :class="$elementClass('my-block', 'text')">Click me!</span> </div> </template> <script lang="ts"> export default defineComponent({ setup() { return {}; }, }); </script> ``` 在这个例子中，假设有一个名为 "my-block" 的区块(block)，其中包含了文本元素(element)。“$blockClass” 和 “$elementClass” 分别用来获取对应级别的 CSS 类名，并将其绑定给 div 和 span 标签作为其 className 属性值的一部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值