期待单一价值但多元化

Question

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

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('');

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

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

现在我想知道，我可以将字母数字分开，以便它们各自都在自己的范围内吗？

Answer 1

您在模板字符串中使用values而不是val

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