gpt4 book ai didi

javascript - 使用数组对项目进行排序

转载 作者:行者123 更新时间:2023-11-30 19:35:23 27 4
gpt4 key购买 nike

您好,我想对链接列表进行排序以匹配数组顺序:

List: 

<a href="" data-value="10">10</a>
<a href="" data-value="6">6</a>
<a href="" data-value="8">8</a>
...
<a href="" data-value="m">M</a>
<a href="" data-value="s">S</a>

Array for Ordering:

['6', '8', '10', '12', '14', 'xs', 's', 'm', 'l', 'xl', 'xxl']

我正在使用以下内容对文本选项进行排序,但不是数字选项:

(function () {
var order = ['6', '8', '10', '12', '14', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
var $wrapper = $('.size-filter');
$wrapper.find('a').sort(function (a, b) {
var aSize = $(a).data('value'), bSize = $(b).data('value');
return order.indexOf(aSize) - order.indexOf(bSize);
}).appendTo($wrapper);
})();

我如何调整或重写此排序函数,以便它对文本和数字大小选项进行排序?

最佳答案

将链接存储在 Map 中,以它们的 data-value 属性为键,然后是 map链接的 order 数组

const links = [...document.querySelectorAll('a[data-value]')].reduce((map, link) =>
map.set(link.dataset.value, link), new Map())

const orderedLinks = order.filter(k => links.has(k)).map(k => links.get(k))

然后您可以使用 jQuery 将这些链接附加到另一个元素

$('some-element-selector').append(orderedLinks)

请注意,我已将 order 数组过滤为实际存在链接的数组。

关于javascript - 使用数组对项目进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55997579/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com