使用JavaScript/node js[duplicate]在一个条件下替换并过滤方法

Question

我有一个像这样的数组

["home/work/abc.jpg",
 "home/work/fish.pdf",
 "home/work/fish.jpg",
 "home/work/doc/animal.jpg",
 "home/work/doc/animal.pdf"];

所以我想过滤包含“.jpg”扩展名文件的数组，所以我用

 array= array.filter((data)=>{
 return data.indexOf(".jpg")>=0
 });

所以我得到了我的期望值

[ "home/work/abc.jpg",
  "home/work/fish.jpg",
  "home/work/doc/animal.jpg"
]

我用地图功能代替了“家/工作/”

 let rep="home/work/";
 array = array.map((data)=>{
 data.replace(rep,"")
 });

得到了我的价值

[ "abc.jpg",
  "fish.jpg",
  "doc/animal.jpg"
]

但问题是，我必须使用两种方法来过滤和替换它们。我是否有可能合并这两种方法并最小化代码

 array= array.filter((data)=>{
 return data.indexOf(".jpg")>=0
 });

 let rep="home/work/";
 array = array.map((data)=>{
 data.replace(rep,"")
 });

预期产出

[ "abc.jpg",
  "fish.jpg",
  "doc/animal.jpg"
]

使用任何链接方法？

Answer 1

试试这个。这将返回与您所寻找的相同的输出。同时使用。映射和。过滤器组合。

 let array = array
   .filter((data) => data.indexOf(".jpg")>=0)
   .map((data) => data.replace("home/work/",""))

Answer 2

你可以使用你使用过的相同的两种方法获得相同的结果，但是在reduce中

const arr = [
  "home/work/abc.jpg",
  "home/work/fish.pdf",
  "home/work/fish.jpg",
  "home/work/doc/animal.jpg",
  "home/work/doc/animal.pdf",
];

const result = arr.reduce((acc, curr) => {
  if (curr.indexOf(".jpg") >= 0) {
    acc.push(curr.replace("home/work/", ""));
  }
  return acc;
}, []);

console.log(result);

Answer 3

您可以在不创建另一个变量的情况下链接过滤数组，并使用隐式返回使内容更简洁：

const filenames = ["home/work/abc.jpg",
 "home/work/fish.pdf",
 "home/work/fish.jpg",
 "home/work/doc/animal.jpg",
 "home/work/doc/animal.pdf"];
const rep="home/work/";
const result = filenames
  .filter(file => file.includes('.jpg'))
  .map(file => file.replace(rep, ''));
console.log(result);