首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

javascript如何将字符串转成变量或可执行代码?

有这样一个需求:当前作用域内有未知一些变量,其中一个函数可以拿到某个变量名字符串,怎么能在函数内通过传进来字符串取到作用域链变量值,示例小 demo 如下: const name = '周小黑...' const age = 18 /** * @param {String} e 变量名字符串 * @returns value 通过变量名字符串作用域链取到变量值 */ function...主要有三种方式: eval() 函数 eval() 函数会将传入字符串当做 JavaScript 代码进行执行,所以下面的字符串可以正确取到变量对应值,eval 对比 new Function 和...setTimeout 它是可以访问局部作用域,后两者只能访问全局作用域。...setTimeout 定时器 setTimeout 第一个参数我们平时都是传一个函数,它其实也是可以传字符串进去浏览器是可以正常执行node环境中会报错。

28430

5 种 JavaScript 获取字符串第一个字符方法

前端Q 我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣事,关注我,一起做个有趣的人~ 本文中,我们将研究多种方法来轻松获取 JavaScript 字符串第一个字符。...1. charAt() 方法 要获取字符串第一个字符,我们可以字符串上调用 charAt() ,将 0 作为参数传递。例如,str.charAt(0) 返回 str 第一个字符。...JavaScript 返回 undefined。...索引 0 和 1 之间字符串是仅包含第一个字符串字符字符串。 笔记 slice() 和 substring() 方法我们用例工作方式类似,但并非总是如此。...(-3); console.log(char1); // u console.log(char2); // '' (empty string) 写在最后 这5种方式虽然都可以实现从JavaScript获取字符串第一个字符串方法

2.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript数组方法总结

一.JavaScript创建数组方式 1.使用Array构造函数 var color=new Array(); 注意:括号里面参数可以有参数,若为一个数字,表示该数组长度,如果多个数字或者一个...比较第一个参数与数组每一项时,会使用全等操作符。 三.数组遍历 四。...数组迭代方法 ECMAScript数组定义了五个迭代方法,每个方法接收两个参数:要在每一项上面运行函数和运行该函数作用域——影响this值。...这两个方法接收两个参数:一个每一项上面调用函数和(可选)作为归并基础初始值。 给reduce和reduceRight这两个方法函数接收四个参数值:前一个值,当前值,索引,数组对象。...第一次执行回调函数时候,pre1,cur2,第二次,pre3(1加2结果),cur3(数组第三项),依次类推,直到将数组每一项访问一遍,最后返回结果。

1.6K20

js数组操作

即使数组每一项都是数值, sort()方法比较也是字符串,因此会出现以下这种情况: var arr1 = ["a", "d", "c", "b"]; console.log(arr1.sort(...这两个方法返回要查找项在数组位置,或者没找到情况下返回-1。比较第一个参数与数组每一项时,会使用全等操作符。...,对数组每一项运行给定函数。...这两个方法接收两个参数:一个每一项上调用函数和(可选)作为归并基础初始值。 传给 reduce()和 reduceRight()函数接收 4 个参数:前一个值、当前值、项索引和数组对象。...JavaScript可以使用一个未声明过变量,同样,也可以使用一个未定义数组元素(指索引超过或等于length元素),这时,length属性值将被设置所使用元素索引值加1。

2.7K00

cJSON基础介绍与代码测试

介绍cJSON之前,首先来认识一下JSON... 01 JSON是什么 JSON(JavaScript Object Notation) 是一种轻量级数据交换格式。...JSON 基本语法 数据以key :value(名称/值) 形式存在 数据由逗号,分隔 大括号{}保存对象 括号[]保存数组数组可以包含多个对象 例如: { name : C Primer pluse...(双引号"") {"book":"C Primer pluse"} ARRAY 数组括号[]) [ {"name":"C Primer pluse", "author":"Stephen...用于测试JSON数据,我们先用一个char型字符串了保存,注意,由于JSON对象key和value需要使用引号(数值或逻辑型value除外),所以,使用C语言字符串来保存JSON数据,遇到引号时...: 最外面的大括号,表示这个一个JSON对象 对象里面有2个数据,key1是class,key2是books booksvalue又是一个括号表示数组 数组内又包含了3个对象,每个对象有3个数据,

88420

React基础(3)-不可不知JSX

= 至于更多插值表达式内容,你可以看上一节 这里要提一下,属性嵌入javascript表达式,不要在双大括号外面加上引号,例如,下面的是错误...const element = 也就是说,对于字符串或者双大括号表达式,对于同一属性,不能同时使用这两种符号 **注意**... React组件,render函数return返回值,可以返回一个数组,例如: render() { // return 后面是一个数组...,javascript表达式可以被包裹在双大括号{},以下两种写法都是等价 川川 {'川川'}</myComponent...自定义组件必须是大写字母开头 通常来说,如果在React中小写字母开头html标签,称为普通元素,它是原生HTML内置元素(也可以视为组件),例如:````会被React

1.8K10

JavaScript数据结构01 - 数组

shift 删除并返回数组第一个元素 unshift 向数组开头添加一个或更多元素,并返回新长度 slice 从某个已有的数组返回指定元素 indexOf 返回第一个与给定参数相等数组元素索引...toString 把数组转换为字符串,并返回结果 toLocaleString 把数组转换为本地字符串,并返回结果 valueOf 返回数组对象原始值 forEach 对数组每一项运行指定函数,这个方法没有返回值...concat 连接2个或更多数组,并返回结果 every 对数组每一项运行指定函数,如果该函数对每一项返回true,则返回true some 对数组每一项运行指定函数,如果任一项返回true...要添加到数组开头第一个元素 newElement2 可选。要添加到数组开头第二个元素 newElementX 可选。可添加多个元素 返回值 arrayObject 新长度。...说明 当数组用于字符串环境时,JavaScript会调用这一方法将数组自动转换成字符串。但是某些情况下,需要显式地调用该方法。

1.1K30

JavaScript(五)

没有给 concat() 方法传递参数情况下,它只是复制当前数组并返回副本。如果传递给 concat() 方法是一或多个数组,则该方法会将这些数组每一项添加到结果数组。...这两个方法返回要查找项在数组位置,或者没找到情况下返回 -1。...每个方法接收两个参数: 要在每一项上运行函数和(可选)运行该函数作用域对象——影响 this 值。传入这些方法函数会接收三个参数: 数组值、该项在数组位置和数组对象本身。...every(): 对数组每一项运行给定函数,如果该函数对每一项返回 true,则返回 true filter(): 对数组每一项运行给定函数,返回该函数会返回 true 项组成数组 forEach...这两个方法接收两个参数: 一个每一项上调用函数和(可选)作为缩小基础初始值。

88620

JavaScript 入门基础 - 变量 数据类型(二)

简单说数据类型就是数据类别型号。如:张三、19、age。 2.1.2 变量数据类型 变量是一种存储空间,它们有名字和类型,变量数据类型决定了如何将代表这些值位存储到计算机内存。...js是一种弱类型语言,意味着不需要声明变量类型,程序运行过程,类型会被自动确定 var age = 10;// 数字型 var sayOk = '是的'; // 字符串型 注:代码运行时,变量数据类型是由...console.log(isNaN(555)); // false 2.2.3 字符串型 String 字符串引号嵌套 字符串型数据是用来表示文本数据,有字母、数字、汉字或其他特殊字符构成,使用过程必须用单引号或双引号括起来...数组可以通过索引来访问、设置、修改对应数组元素,可通过"数组名[索引]"形式来获取数组元素 var dog = ['小白','小黑','哈士奇','二哈']; // 索引号: 0...所谓遍历就是把数组每一个元素从头到尾访问一遍: var arr = ['小白','小黑','哈士奇','二哈']; for (var i = 0; i < 4; i++) { console.log

3.8K40

sh脚本

varname}语法,读取最终值。 删除变量 unset命令用来删除一个变量 这个命令不是很好用,因为不存在变量相当于空字符串。 所以删除变量可以把这个变量设置字符串。...如果offset负值,表示从字符串末尾开始算起。注意,负数前面必须有一个空格, 以防止与${variable:-word}变量设置默认值语法混淆。...如果指定长度2,则返回lo。 搜索和替换 Bash 提供字符串搜索和替换多种方法。 字符串头部模式匹配 以下两种语法可以检查字符串开头,是否匹配给定模式。...其它参数 -d delimiter:定义字符串delimiter第一个字符作为用户输入结束,而不是一个换行符。 -r:raw 模式,表示不把用户输入反斜杠字符解释转义字符。...直接将数组变量赋值字符串,相当于删除数组第一个成员。 unset ArrayName可以清空整个数组。 关联数组 关联数组使用字符串而不是整数作为数组索引。

10.6K30

JavaScript】对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 空对象字面量 | 小括号 括号 大括号 作用 )

一、JavaScript 对象 1、对象概念 JavaScript , 对象 是 一种 复杂数据类型 , 是 一组 无序 相关属性 和 方法 集合 , 这些 属性值 允许存储 各种数据类型值...; 对象 由 属性 和 方法 组成 : 属性 : 事物 特征 , 具体就是 对象 变量 ; 方法 : 事物 行为 , 具体就是 对象 函数 ; JavaScript 对象 可以理解 由 键值对...; 如果想要表示 , 第一个字符串元素是 姓名 name , 第二个 数字类型是 年龄 age , 这就是两个键值对了 , 此时需要 使用 对象 进行保存 ; JavaScript 对象结构 要比 数组结构...大括号 空 , 则创建了一个 空字面量 , 后期 使用 ..../ 大括号 作用 JavaScript 小括号 / 括号 / 大括号 作用 : 小括号 是 结合运算符 , 是拥有最高优先级 运算符 ; 括号 是 数组字面量 标志 , 如 : ['Tom

6310

js常用数组方法

语法: array.length //数组长度 功能:获取数组array长度,返回值 number 1.通过设置 length可以从数组末尾移除项或向数组添加新项。...2.当把一个值超出当前数组大小位置时候,数组机会重新计算其长度,长度值等于最后一项索引值。 3.数组属性 属性 描述 constructor 返回对创建此对象数组函数引用。...特性 如果是负数,则用数组长度加上该值确定位置 起始位置实为数组实际下标 结束位置实际下标结束数值减1   3.join():用于把数组所有元素放入一个字符串; 4.4数组排序: 1....2.sort():用于对数组元素进行排序。     2.1:即使数组每一项都是数组,sort方法比较也是字符串。     2.2:sort()方法可以接受一个比较函数作为参数。...    every 如果该函数对每一项返回true,则返回true;       filter 返回值true所有数组成员; forEach 无返回值  ;     map 返回每次函数调用结果数组

1.8K20

JavaScript高级程序设计》学习笔记(4)——引用类型

这两个方法返回要查找项在数组位置,或者没找到情况下返回-1。比较第一个参数与数组每一项时,会使用全等操作符;也就是说,要求查找项必须严格相等。...迭代方法:ECMAScript数组定义了5个迭代方法。每个方法接收两个参数:要在每一项上运行函数和(可选)运行该函数作用域对象——影响this值。...以下是这5个迭代方法作用,这些方法都不会修改数组包含值。 every():对数组每一项运行给定函数,如果该函数对每一项返回true,则返回true。...RegExp对象主要方法是exec(),该方法是专门捕获组而设计。exec()接受一个参数,即要应用模式字符串,然后返回包含第一个匹配项信息数组;或者没有匹配项情况下返回null。...对于exec()方法而言,即使模式设置了全局标志(g),它每次也只返回一个匹配项。设置全局标志情况下,同一个字符串上多次调用exec()将始终返回第一个匹配项信息。

1.5K140

一文带你彻底搞懂Java和JavaScript区别与相似之处(纯干货建议收藏)

; } } 代码说明 您看到第一行以描述我们程序功能通用注释语句开头。您可以看到它以//XXX开头,它是单行注释(仅限于单行注释)符号表示。 我们进入下一行之前,让我们探索大括号。...大括号{是指相应类或函数开头,而大括号}是指它结束地方。 class指的是一个对象构造函数,或者简单地说,是我们从中创建对象蓝图。...打印实际输出行。单个语句和变量声明以分号结尾。 对于只屏幕上打印单个字符串程序来说,这听起来很复杂吗?确实如此,这也是为什么学习 JavaScript 是初学者开发者更好选择原因之一。... JavaScript ,我们简单地使用语句 console.log 控制台上打印任何内容(一个提供对浏览器调试控制台访问对象)。...代码执行: Java 应用程序具有 JVM(Java 虚拟运行时环境)上运行灵活性,而 JavaScript仅在特定于浏览器特定于应用程序环境运行。

4.2K21

React学习(三)-不可不知JSX

> 至于更多插值表达式内容,你可以看上一节React学习(二)-深入浅出JSX 这里要提一下,属性嵌入javascript表达式,不要在双大括号外面加上引号,例如,下面的是错误 const...element = 也就是说,对于字符串或者双大括号表达式,对于同一属性,不能同时使用这两种符号 注意 JSX语法是更接近..., div3 ] return aDiv; } javascript表达式作为子元素 插值表达式,javascript...,它可以用于拓展JSX 自定义组件必须是大写字母开头 通常来说,如果在React中小写字母开头html标签,称为普通元素,它是原生HTML内置元素(也可以视为组件),例如: <span...结语 本文主要讲述JSX添加属性命名方式应是camelCase驼峰式命名来定义属性名称,JSX子元素可以是字符串,可以嵌套,以及js表达式,函数都可以作为子元素 并且React组件定义以及调用处

1.2K30

一日一技:不用游标卡尺,Yaml 格式5分钟入门

一对一 对于 JSON 字符串: {"name": "kingname", "salary": 99999, "address": "杭州"} 对应 YAML : name: kingname salary...数组 对于 JSON 字符串: ["kingname", "产品经理", "天下第一"] 对应 YAML : - kingname - 产品经理 - 天下第一 Yaml 列表是以-开头,并且-...YAML 缩进用几个空格都可以,只要每一项保持一致就行。但由于我经常写 Python,所以习惯使用4个空格作为缩进。 注释 YAML 注释与 Python 一样,使用#号。... Python ,我们使用 pyyaml 来解析 Yaml 格式字符串。...可以看出,实现相同效果,用 JSON 要写很多括号大括号双引号,还要考虑反斜杠问题。 但使用 YAML,这些问题统统不是问题,可读性高得多。

79120

Javascript -- 数组(一)

相比于其他语言数组Javascript数组条条框框约束较少。...一、有关数组相关API 1.1、数组方法 方法名 描述 concat 连接两个或更多数组,并返回结果 every 对数组每一项运行给定函数,如果该函数对每一项返回true,则返回true filter...对数组每一项运行给定函数,返回该函数会返回true项组成数组 forEach 对数组每一项运行给定函数。...这个方法没有返回值 join 将所有的数组元素连接成一个字符串 indexOf 返回第一个与给定参数相等数组元素索引,没有找到则返回-1 lastIndexOf 返回在数组搜索到与给定参数相等元素索引里最大值...map 对数组每一项运行给定函数,返回每次函数调用结果组成数组 reverse 颠倒数组中元素顺序,原先第一个元素现在变成最后一个,同样原先最后一个元素变成了现在第一个 slice 传入索引值

74210

高级前端手写面试题

和 String.prototype.padEnd是ES8新增方法,允许将空字符串或其他字符串添加到原始字符串开头或结尾。...:每一个cookie都是由 name=value 这样形式存储每一项开头可能是一个空串''(比如username开头其实就是), 也可能是一个空字符串' '(比如user-id开头就是)每一项用...:'(^| )'表示就是获取每一项开头,因为我们知道如果^不是放在[]里的话就是表示开头匹配。...所以这里([^;]*)表示是除了";"这个字符串别的匹配(*应该知道什么意思吧,匹配0次或多次)有的大佬等号后面是这样写'=([^;]*)(;|$)',而最后为什么可以把'(;|$)'给省略呢?...,要求去除数组重复数字并且返回新无重复数组

65420
领券