如何使用模板字符串访问 Javascript 数组的元素？

【问题标题】：How to access elements of a Javascript array using Template Strings?如何使用模板字符串访问 Javascript 数组的元素？
【发布时间】：2019-10-18 08:01:47
【问题描述】：

我有一个 Javascript 数组，我需要在模板字符串中访问其值，我该怎么做？

我有这样的东西，

//an array named link globally defined
function formatter(row,value){
    return `<a href = $link[$row]>Abc</a>`;
}

【问题讨论】：

请按照minimal reproducible example发布JavaScript代码
请把相关信息和问题一起贴出来，不太清楚
假设我有一个名为 Arr 的数组，我如何在其中使用元素，而在模板字符串中，像这样 - $Arr[$i]。该怎么做？

标签： javascript arrays template-strings

【解决方案1】：

如果您明确询问“访问模板字符串中的数组值”，那么：

const arr = [1,2,3]

console.log(`${arr[0]}`) // 0

如果你想有一个索引作为变量，那么你去

const arr = [1,2,3]
const index = 0
console.log(`${arr[index]}`) // 1

并回答您的代码：

const link = [1,2,3]

function formatter(row,value){
    return `<a href = ${link[row]}>Abc</a>`;
}

会起作用的。

例如

formatter(0) // "<a href = 1>Abc</a>"

【讨论】：

我想用变量 i 而不是 0 来访问它怎么样
我已经编辑了我的答案。请看一看。基本上，${} 中的所有内容都可以作为一个普通的 javascript 表达式。