Фильтрация данных в узлах

#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, а затем повторяет каждый из них, чтобы напечатать их название.