如何使用 JavaScript 從具有相同名稱但具有不同類型的數組中獲取一個字符串/值？

Question

例子：

  let before = [ "apple.jpg", "apple.png", "apple.svg" , "banana.png", "banana.jpg" ]

我想要的是：

 let after = ["apple.jpg", "banana.png"] 

Answer 1

您可以創建一個 map，它的文件名作為鍵，文件與值同名

let before = [ "apple.jpg", "apple.png", "apple.svg" , "banana.png", "banana.jpg" ]

const fileMap = {};

before.forEach(file => {
    const fileName = file.split('.')[0];
    if (fileMap[fileName]) fileMap[fileName].push(file);
    else fileMap[fileName] = [file];
});

在這一步之后，你會得到一個像這樣的 object (fileMap)

{
    apple: ["apple.jpg", "apple.png", "apple.svg"]
    banana:  ["banana.png", "banana.jpg"]
}

然后你可以遍歷這個 object 並得到想要的結果

const result = [];
Object.keys(fileMap).forEach(key => {
    if (fileMap[key].length > 1)
        result.push(fileMap[key][0]);
});

console.log(result); // ["apple.jpg", "banana.png"]

Answer 2

另一個使用reduce 、 concat 、 split和some的例子：

 const before = ["apple.jpg", "apple.png", "apple.svg", "banana.png", "banana.jpg"] const after = before.reduce((res, str) => { return res.concat( // If some element in the result array already matches the current one, don't add it res.some(x => x.split('.')[0] === str.split('.')[0])? []: [str] ) }, []); console.log(after);

Answer 3

您還可以通過關閉Set來使用Array.filter ，這是工作示例：

 var before = [ "apple.jpg", "apple.png", "apple.svg", "banana.png", "banana.jpg" ]; var after = before.filter((s=>(elem)=>(frt=elem.split('.')[0], .s.has(frt) && s;add(frt)))(new Set)). console;log(after);