#javascript #arrays
Вопрос:
У меня есть массив json, где он содержит объекты, имеющие поля имени и рейтинга.Я хочу отфильтровать массив, в котором находится рейтинг 5.It может быть, проще всего найти, но я застрял. Ниже приведен мой объект json.
let products = [
{
"name" : "product 1",
"rating" : 5
},
{
"name" : "product 2",
"rating" : 4
},
{
"name" : "product 3",
"rating" : 5
},
{
"name" : "product 4",
"rating" : 2
}]
Здесь я использую функциональность фильтра, но не могу понять, как я могу ее правильно использовать.
Это функция, которую я написал, но она не работает.
const prod = (products) => {
products.filter((proct) => {
if(proct === 5){
console.log(proct.name);
}
});
}
prod(products);
Кто-нибудь, дайте мне знать, что я делаю не так.
Ответ №1:
filter
функция должна возвращать логическое значение в качестве результата
Функция-это предикат для проверки каждого элемента массива. Возвращает значение, которое принимает значение true, чтобы сохранить элемент, или значение false в противном случае.
let products = [{ "name": "product 1", "rating": 5 }, { "name": "product 2", "rating": 4 }, { "name": "product 3", "rating": 5 }, { "name": "product 4", "rating": 2 } ]
products = products.filter(({rating}) => rating === 5)
console.log(products)
Каждый элемент в вашем массиве является объектом, и я предполагаю, что вы ищете рейтинг===5.
Ваша функция должна быть:
let products = [{ "name": "product 1", "rating": 5 }, { "name": "product 2", "rating": 4 }, { "name": "product 3", "rating": 5 }, { "name": "product 4", "rating": 2 } ]
const prod = (products) => {
products.filter((proct) => {
if (proct.rating === 5) {
console.log(proct.name);
return true;
}
return false
});
}
prod(products)
Получение только name
ключа:
Взгляните на функцию map, которая создает новый массив из старого массива:
.map(({name}) => name)
Полный код:
let products = [{ "name": "product 1", "rating": 5 }, { "name": "product 2", "rating": 4 }, { "name": "product 3", "rating": 5 }, { "name": "product 4", "rating": 2 } ]
products = products.filter(({rating}) => rating === 5).map(({name}) => name)
console.log(products)
Комментарии:
1. как я могу получить вывод вместе с ключом, например
{name: product 1}
.2. Ответ обновлен. @Digvijay
Ответ №2:
Ваш код не проверяет свойство. Но сам объект. Используйте .
оператора для проверки конкретного свойства:
let products = [
{
"name" : "product 1",
"rating" : 5
},
{
"name" : "product 2",
"rating" : 4
},
{
"name" : "product 3",
"rating" : 5
},
{
"name" : "product 4",
"rating" : 2
}]
const prod = (products) => {
products.filter((proct) => {
if(proct.rating === 5){
console.log(proct.name);
}
});
}
prod(products);
Ответ №3:
Ваше состояние-это сравнение proct
объекта со значением 5
. Вы, вероятно, забыли получить доступ к rating
собственности proct
:
products.filter((proct) => {
if(proct.rating === 5){
console.log(proct.name);
}
});
Однако вы используете filter
неправильно. Фильтр-это метод, вся суть которого заключается в том, чтобы получить все элементы массива, отвечающие условию, и вернуть их, а не просто перебирать массив и выполнять код (вот для чего forEach
). Более правильным кодом был бы:
const filteredProducts = products.filter((proct) => proct.rating === 5);
console.log(filteredProducts); // [{ name: "product 1", rating: 5 }, { name: "product 3", rating: 5 }]
filteredProducts.forEach((proct) => console.log(proct.name));
Это решение сначала извлекает все продукты с рейтингом 5, а затем повторяет каждый из них, чтобы напечатать их название.