根据数组的字符串值从数组中查找唯一值(Javascript)

Question

所以我想从数组中找到唯一的值。例如，我有一个数组：

const mainArr = ['shape-10983', 'size-2364', 'size-7800', 'size-4602', 'shape-11073', 'size-15027', 'size-15030', 'size-15033', 'height-3399', 'height-5884']

所以我想找到每个唯一项目的第一个匹配值。例如，在数组中，我有两个字符串的前缀为形状，六个项目的前缀为大小和两个项目的后缀为高度。所以我想输出类似的东西

const requiredVal = ["shape-10983", "size-2364", "height-3399"]

我只想要任何一组不同值中的第一个值。

Answer 1

最简单的解决方案是对列表进行迭代，并将得到的内容存储在字典中

function removeSimilars(input) {
let values = {};
for (let value of input) {//iterate on the array
let key = value.splitOnLast('-')[0];//get the prefix
if (!(key in values))//if we haven't encounter the prefix yet
values[key] = value;//store that the first encounter with the prefix is with 'value'
}
return Object.values(values);//return all the values of the map 'values'
}

较短的版本是：

function removeSimilars(input) {
let values = {};
for (let value of input)
values[value.splitOnLast('-')[0]] ??= value;
return Object.values(values);
}

Answer 2

您可以拆分字符串并获取类型，并将其与原始字符串一起用作对象的aks键作为值。结果是只获取对象中的值。

const
data = ['shape-10983', 'size-2364', 'size-7800', 'size-4602', 'shape-11073', 'size-15027', 'size-15030', 'size-15033', 'height-3399', 'height-5884'],
result = Object.values(data.reduce((r, s) => {
const [type] = s.split('-', 1);
r[type] ??= s;
return r;
}, {}));
console.log(result);

Answer 3

如果如您在评论中所述，您已经有了可用的前缀列表，那么您所要做的就是对这些前缀进行迭代，以在可能值的完整列表中找到以该前缀开头的每个第一个元素：

const prefixes = ['shape', 'size', 'height'];
const list = ['shape-10983', 'size-2364', 'size-7800', 'size-4602', 'shape-11073', 'size-15027', 'size-15030', 'size-15033', 'height-3399', 'height-5884']
function reduceTheOptions(list = [], prefixes = [], uniques = []) {
prefixes.forEach(prefix => 
uniques.push(
list.find(e => e.startsWith(prefix))
)
);
return uniques;
}
console.log(reduceTheOptions(list, prefixes));

Answer 4

试试这个：

function getRandomSet(arr, ...prefix)
{
// the final values are load into the array result variable
result = [];
const randomItem = (array) => array[Math.floor(Math.random() * array.length)];
prefix.forEach((pre) => {
result.push(randomItem(arr.filter((par) => String(par).startsWith(pre))));
});
return result;
}

const mainArr = ['shape-10983', 'size-2364', 'size-7800', 'size-4602', 'shape-11073', 'size-15027', 'size-15030', 'size-15033', 'height-3399', 'height-5884'];
console.log("Random values: ", getRandomSet(mainArr, "shape", "size", "height"));

Answer 5

我稍微修改了@ofek的答案。因为某种原因不在react项目中工作。

function removeSimilars(input) {
let values = {};
for (let value of input)
if (!values[value.split("-")[0]]) {
values[value.split("-")[0]] = value;
}
return Object.values(values);

}

Answer 6

创建一个新数组，并在第一个数组上循环，如果没有将元素推送到新数组，则在每次迭代之前检查元素的存在