js占位符 ${} 使用

JavaScript 占位符
在 JavaScript 编程中,占位符是一种特殊的标记或符号,用于指示代码执行时应替换为实际值。占位符通常用于字符串拼接、格式化输出和动态生成代码等场景。本文将介绍 JavaScript 中常用的占位符,并提供相应的代码示例。

字符串占位符
字符串占位符是用于将变量值插入到字符串中的标记。在 JavaScript 中,最常见的字符串占位符是 ${},被称为模板字符串或者模板字面量。通过在 ${} 中放置变量名或表达式,可以将其值插入到字符串中。
 

  let callbackParams = {hello: "hello1", world: "world2", welcome: "welcome3"}String.prototype.format = function () {// 数据长度为空,则直接返回let reg = /\$[\{]\w+[\}]/glet variableList = this.match(reg)// 使用正则表达式,循环替换占位符数据let result = thisvariableList.forEach((item,i) => {let key = item.match(/\{(\S*)\}/)[1]result = result.replace(new RegExp("\\$\\{" + key + "\\}", "g"), callbackParams[key]);})return result;};// 使用方法console.log("js修改原生String实现用自符串替换占位符参数一:${hello} 参数二:${world} 参数三:${welcome}格式化数据".format());

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/201251.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在github中通过action自动化部署 hugo academic theme,实现上传md文件更新博客内容

在github中通过action自动化部署 hugo academic theme 一、GitHub Action自动化部署Hugo博客方法 主要参考:【Hugo网站搭建】GitHub Action自动化部署Hugo博客 次要参考:使用 Github Action 自动部署 Hugo 博客 二、部署过程中遇到的问题和解决办法 …

HarmonyOS鸿蒙操作系统架构

目录 1. 分布式架构: 2. 统一的开发平台: 3. 多内核共享: 4. 自适应界面: 5. AR、VR、MR支持: 6. 安全和隐私保护: 7. AI集成: 8. 应用生态系统: 9. 开源和开放&#xff1a…

C#用MathNet生成矩阵,并打印矩阵元素

文章目录 安装创建和显示矩阵 安装 MathNet.Numerics中提供了线性代数、微积分、特殊函数、概率论、随机函数、插值、最优化等一系列功能,是.net技术中首选的数值计算包。 其中,线性代数包LinearAlgebra包提供了向量、矩阵等数据结构,这些是…

振弦采集仪在土体与岩体监测中的可靠性与精度分析

振弦采集仪在土体与岩体监测中的可靠性与精度分析 振弦采集仪是一种用于土体和岩体监测的重要设备,它可以通过测量振动信号来获取土体或岩体的力学参数,如应力、应变、弹性模量等。而振弦采集仪的可靠性和精度是影响其应用效果的关键因素。 首先&#x…

鸿蒙4.0开发笔记之ArkTS语法基础之条件渲染和循环渲染的使用(十五)

文章目录 一、条件渲染(if)二、循环渲染(ForEach) 一、条件渲染(if) 1、定义 正如其他语言中的if…else…语句,ArkTS提供了渲染控制的能力,条件渲染可根据应用的不同状态&#xff0…

竞赛活动过程中评委亮灯是如何实现的

选秀节目中用到的那种评委爆灯效果要通过软件和硬件一起实现,软件实现在新一轮开始时,统一灭灯,评委通过按钮触发软件打开相应的灯,并自动发出声音。其实用到的物料包括:软件、按钮、灯、工业控制器。软件是核心&#…

virtualbox虚拟机安装ubuntu系统,启动黑屏

我在virtualbox虚拟机里面安装ubuntu系统,某次打开就卡在启动界面了。下面这样:(这个截图信息是我在解决了问题之后重新进入ubnutu系统时截取的,不完整,但就是类似这样) 报错信息: error: no s…

解决Kettle无法传输生偏字的问题

最近在搞数据传输,然后涉及到人名的时候,难免会碰到生僻字,utf8是无法存储的,然后我把目标表改为utf8mb4,但是还是无法传输生僻字,这就很奇怪了,明明两边的数据库都是MySQL 5.7x,但是…

【QT】容器类

目录 1.容器类概述 2.顺序容器类 2.1 QList 2.2 QLinkedList 2.3 QVector 2.4 QStack 2.5 QQueue 3.关联容器类 3.1 QSet 3.2 QMap 3.3 QMultiMap 3.4 QHash 3.5 QMuItiHash 1.容器类概述 Qt提供了多个基于模板的容器类,这些容器类可以用于存储指定类…

【labview报错,缺少GOOP Development Suite】

操作 当labview报此错误时,第一类情况为缺少包,第二类为所使用的GPU包已失效 以下为第一类缺包的解决方式 登录VIPM,如何安装VIPM查看此贴:VIPM安装 打开VIPM后,右上角输入goop,双击搜索出的安装包 勾选需要安装的包…

Linux部署Kettle(pentaho-server-ce-9.4.0.0-343)记录/配置MySQL存储

下载地址 Kettle 是一个开源的数据集成工具,它是 Pentaho Data Integration(PDI)项目的一部分。要访问 Kettle 的官方网站,可以通过访问其母公司 Hitachi Vantara 的网站来找到相关信息 官方网站:https://www.hitachi…

uni-app实现返回刷新上一页

方案一 通过监听器实现 page1 uni.$on("refresh", function(data) {if(data.page "page2") {this.reload()} })page2 methods: {handleBack() {uni.$emit("refresh", {page: "page2"})uni.navigateBack()} }方案二 通过页面实例实…

微信小程序:chooseimage从本地相册选择图片或使用相机拍照

文档 https://uniapp.dcloud.net.cn/api/media/image.html#chooseimage https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html 代码示例 const res await uni.chooseImage({count: 1, //默认9sizeType: [original, compressed], //可以…

浪潮信息KeyarchOS EDR 安全防护测评

背景 近几年服务器安全防护越来越受到企业的重视,企业在选购时不再仅仅看重成本,还更看重安全性,因为一旦数据泄露,被暴力破解,将对公司业务造成毁灭性打击。鉴于人们对服务器安全性的看重,本篇文章就来测…

【ArcGIS Pro】探索性插值无法覆盖所需shp范围

做个小记录自用,实际不准。 1 看看就行 pro插值 看看过程就行。有详细过程,类似tutorial https://learn.arcgis.com/zh-cn/projects/interpolate-temperatures-using-the-geostatistical-wizard/ 2 注意用投影坐标系 wgs84转投影坐标系 https://blog…

OSG编程指南<十八>:OSG读写保存文件及对中文字符的支持

基本几何体的绘制只适用于简单的编程,当场景中需要加载一个很复杂的模型时,还是需要从外部导入。osgDB 库 提供了读取二维图像和三维模型的接口,同时,也管理着第三方插件系统,以实现对不同格式文件的读取。 1、OSG 支…

在耳机心率血氧健康检测中应用的穿戴心率血氧接收芯片

时代快速发展的今天,随着生活节奏的加快,工作压力的加大,越来越多的消费者开始关注到自身身体健康,加班熬夜生活不规律,很容易让我们的身体处于亚健康的状态,而心率和体温的变化,就能反应我们身…

报表多源关联

报表多源关联 需求背景 在项目中会遇到多种数据展现在一起的报表。例如部分指标在关系型数据库中,部分指标通过restful接口获得到json,然后根据共同的维度关联一起,形成新的数据集。 解决方案 在硕迪报表中有两种方式实现该多源报表&…

生产环境_从数据到层级结构JSON:使用Spark构建多层次树形数据_父子关系生成

代码补充了!兄弟萌 造的样例数据 val data Seq(("USA", "Male", "Asian", "Chinese"),("USA", "Female", "Asian", "Chinese"),("USA", "Male", "Bl…

SSL证书续签指南

SSL证书的有效期通常为一年,过期后将无法提供有效的加密保护,使网站容易受到黑客攻击和数据泄露的风险。所以SSL证书定期要进行续签,好确保网站的持久安全性。 首先我们要检查当前证书的有效期,打开网站,点击浏览器地址…