Javascript 应为单值但为多值

我对用户在输入字段中输入的字母数字数组进行排序，结果是正确的

const sortedNumbers = values.sort(function (a, b){
    if (a > b) {
        return 1;
    } else {
        return -1;
    }
});

Array(3) [ "2a", "2b", "2f" ]

然而，当使用下面的脚本在HTML中显示结果时，我希望每个字母数字都在一个范围内

document.querySelector('.pyramid').innerHTML = sortedNumbers.map(val => `<span class="values">${values}</span>`).join('');

document.querySelector（'.pyramid'）.innerHTML=sortedNumbers.map（val=>`${values}`）.连接（''）；

然而，结果是三个跨度，所有三个字母数字

<span class="values">2a,2b,2f</span><span class="values">2a,2b,2f</span><span class="values">2a,2b,2f</span>

2a，2b，2f2a，2b，2f2a，2b，2f

---

现在我想知道，我能把字母数字分开，使它们各自在自己的范围内吗？

您在模板字符串中使用的是

值

，而不是

val

document.querySelector('.pyramid').innerHTML = sortedNumbers.map(val => `<span class="values">${val}</span>`).join('');

document.querySelector（'.pyramid'）.innerHTML=sortedNumbers.map（val=>`${val}`）。join（''）；

您在模板字符串中使用的是

值，而不是
val

document.querySelector('.pyramid').innerHTML = sortedNumbers.map(val => `<span class="values">${val}</span>`).join('');

document.querySelector（'.pyramid'）.innerHTML=sortedNumbers.map（val=>`${val}`）。join（''）；
.map（val=>${values}`）
typo
.map（val=>${values}`）
typoTypo问题是离题的-评论是合适的，回答不是。（这个问题对未来的访客没有任何价值）我不知道，谢谢。是最相关的吗？非常感谢。我没看见！打字错误的问题是离题的——评论是恰当的，回答不是。（这个问题对未来的访客没有任何价值）我不知道，谢谢。是最相关的吗？非常感谢。我没看见！