问题标签 [template-strings]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
643 浏览

javascript - 使用换行符打印 Javascript 模板字符串

有没有办法打印(使用console.log)javascript模板字符串,在这种情况下应用替换,但在打印时考虑换行符'\ n'?

例如,当我有以下情况时:

我希望它与换行符一起打印,而不是打印 \n。

我认为模板字符串和常规字符串之间可能存在一些转换,但我找不到它。

*** 编辑:它发生在终端上,而不是浏览器上。运行 NodeJS 应用程序。很抱歉没有具体说明,我认为我想要的是特定于 JS 的,而不是节点的(至少是解决方案)。

0 投票
3 回答
1214 浏览

javascript - 嵌套模板字符串/文字错误:缺少 }

我正在尝试使用从 DOM 中提取的信息制作导航栏,但我不断收到与 ES6 模板字符串相关的错误(在本例中为嵌套),显示为“未捕获的语法错误:模板表达式中缺少 }”

我对 ES6 语法很陌生。有什么建议么?

在此处输入图像描述

0 投票
3 回答
2492 浏览

javascript - 如何在 javascript 或 typescript 字符串中插入变量值?

变量文件:

其他文件。

现在我想要像“vikas/abcd11123/data”这样的结果。那么如何在该字符串中注入 id 。

任何有关相同的建议将不胜感激。

谢谢

0 投票
5 回答
11366 浏览

javascript - 使用模板字符串和 && 运算符反应条件类名

StackOverflow 上有很多关于将条件类名应用于 React 组件的问题;但是,对于这种特殊情况,我还没有看到一个好的答案:

我有一个基本的 div,我想有条件地应用“is-required”类。这是我的方法:

这里的主要问题是,当 isRequired 为 false 时,我编译的 HTML 代码最终看起来像这样:

显然,我可以使用这样的三元运算符,这样我就可以返回一个空字符串:

但是在编译后的 HTML 代码中,类中包含了这个额外的随机空间,这不会导致任何渲染问题,但我仍然不喜欢它:

即便如此,我仍然可以删除“someClass”之后的空格并将其包含在“isRequired”之前,但现在它更难阅读并且感觉有点笨重:

我听说过诸如类名之类的实用程序,但我正在寻找一个不需要任何额外包的简单解决方案。

这里推荐的方法是什么?

0 投票
1 回答
7064 浏览

javascript - 用于 JavaScript 模板字符串的 Polyfill

是否有任何用于使用反引号的 javascript 模板字符串的 polyfill?我指的是看起来像这样的代码:

我不希望使用诸如 babel 之类的编译器或任何其他需要构建步骤的工具。此外,将模板放在单独的脚本标签内的 javascript 模板引擎对我来说也不理想。

我真的很希望能够在同一个文件中使用模板字符串以及其他标准 ES5 代码。这可能吗?

编辑:我特别需要模板字符串在 IE11 中工作。我意识到他们已经在大多数其他浏览器中这样做了。我现在也知道 polyfill 不是我想要的正确术语。

0 投票
2 回答
2590 浏览

javascript - 在换行符处拆分模板字符串,忽略文字 \n

我有一些多行的文本数据,存储在 ES6 模板字符串中。任何行都可以包含文字\n字符串。例子:

我想将该字符串拆分为一个行数组,其中每一行都源自模板字符串的一行,而不是在\n一行内的文字处拆分。所以我的预期/想要的结果是一个看起来像这样的 JavaScript 数组:["line1", "same\nline2", "line3"].

/\n/在查看下面的示例时,如果简单地使用正则表达式进行换行符 ( )进行拆分,显然不会发生这种情况。

那么,这可能吗?我是否遗漏/误解了模板字符串的工作原理?

0 投票
1 回答
41 浏览

javascript - 无法插值

我目前正在对 javascript 进行 codecademy 介绍。

这不应该也有效,而不是

我不知道为什么我不能这样插值?

0 投票
0 回答
63 浏览

javascript - 在下面的代码中,我使用的是模板字符串。FCC 不会通过我,因为它不承认它

这是这个挑战@freeCodeCamp

这是我的代码:

我不知道这个错误是因为我遗漏了什么还是 FCC 的错误?即使在控制台中,当我使用 Template Literal 时,我也可以调用 resultDisplayArray 并且它是预期值。

0 投票
1 回答
48 浏览

javascript - 你将如何将此 for 循环转换为 foreach?这是我正在练习模板字符串的代码

我正在练习模板字符串,我可以从简单的数组中获取数据,但如果你看到我在这里有多个信息,我想将它显示到表格中。我已经成功完成了for 循环(请参阅),但我想为此尝试 forEach。

0 投票
2 回答
210 浏览

javascript - 将印度-阿拉伯数字转换为英文数字

数组内部有非英文数字作为字符串,我想将其转换为英文并将其放入逻辑中,并对每个 div 执行模板字符串操作。

这是我的代码示例

我从 jQuery 获得了一个转换代码,但我很困惑如何使用此代码将字符串数字转换为英文数字并在 if 语句中使用。这是 jQuery 代码:(我从JavaScript 复制 - 替换为英文数字