我正在做一個搜索過濾器。我需要由用戶回傳包含給定演員的整個物件。我可以找到演員，但我不確定如何回傳演員所在的物件。
JSON 檔案：
{
"title": "American Assassin",
"year": 2017,
"cast": [
"Dylan O'Brien",
"Michael Keaton",
"Sanaa Lathan",
"Shiva Negar",
"Taylor Kitsch"
],
"genres": []
},
{
"title": "Mother!",
"year": 2017,
"cast": [
"Jennifer Lawrence",
"Javier Bardem",
"Michelle Pfeiffer",
"Domhnall Gleeson",
"Ed Harris",
"Kristen Wiig"
],
"genres": []
}
我的過濾功能：
checkCast(allMovies) {
return filter(allMovies, (movie) => {
const actor = filter(movie.cast, (actor) => {
return actor.toLowerCase().includes(this.search.cast.toLowerCase())
})
console.log(actor)
return actor
});
}
希望一切都清楚。
uj5u.com熱心網友回復：
您需要通過在allMovies陣列中查找參與者來過濾case陣列。如果找到匹配的actor，則使用Array.some()（或 lodash _.some()）回傳true。
const search = { cast: 'bardem' };
function checkCast(allMovies) {
return allMovies.filter(movie =>
movie.cast.some(actor =>
actor.toLowerCase().includes(search.cast.toLowerCase())
)
);
}
const allMovies = [{"title":"American Assassin","year":2017,"cast":["Dylan O'Brien","Michael Keaton","Sanaa Lathan","Shiva Negar","Taylor Kitsch"],"genres":[]},{"title":"Mother!","year":2017,"cast":["Jennifer Lawrence","Javier Bardem","Michelle Pfeiffer","Domhnall Gleeson","Ed Harris","Kristen Wiig"],"genres":[]}]
const result = checkCast(allMovies)
console.log(result)uj5u.com熱心網友回復：
您可以使用array#findwitharray#includes檢查電影演員是否包含演員。
顯示代碼片段
const movies = [{ "title": "American Assassin", "year": 2017, "cast": [ "Dylan O'Brien", "Michael Keaton", "Sanaa Lathan", "Shiva Negar", "Taylor Kitsch" ], "genres": [] }, { "title": "Mother!", "year": 2017, "cast": [ "Jennifer Lawrence", "Javier Bardem", "Michelle Pfeiffer", "Domhnall Gleeson", "Ed Harris", "Kristen Wiig" ], "genres": [] }],
actor = 'Ed Harris',
movie = movies.find(({cast}) => cast.includes(actor));
console.log(movie);您還可以使用將演員和演員姓名轉換為小寫來比較使用array#find和array#some。
const movies = [{ "title": "American Assassin", "year": 2017, "cast": [ "Dylan O'Brien", "Michael Keaton", "Sanaa Lathan", "Shiva Negar", "Taylor Kitsch" ], "genres": [] }, { "title": "Mother!", "year": 2017, "cast": [ "Jennifer Lawrence", "Javier Bardem", "Michelle Pfeiffer", "Domhnall Gleeson", "Ed Harris", "Kristen Wiig" ], "genres": [] }],
actor = 'ed harris',
movie = movies.find(({cast}) => cast.some(member => member.toLowerCase() === actor.toLowerCase()));
console.log(movie);轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/361532.html
標籤：javascript Vue.js 洛达什