@Lukmann

Как вывести элемент массива у которого id соответствует дата атрибуту кнопки?

let breadProduct = [
   {
      "id": 1001,
      "name":"Tasty Bread",
      "price":170,
      "units":"$",
      "description":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "image":"bread-1.jpg",
      "category":"bread"
   },
   {
      "id": 1002,
      "name":"Диван Forest",
      "price":130.00,
      "units":"$",
      "description":"red",
      "image":"bread-1.jpg",
      "category":"bread"
   },
   {
      "id": 1003,
      "name":"Диван Forest",
      "price":140.00,
      "units":"$",
      "description":"red",
      "image":"bread-1.jpg",
      "category":"bread"
   }
];
$('.watchInfoProduct').on('click',watchAboutProduct);

function watchAboutProduct(){
	let id1 = $(this).attr('product-id');
	for(let i in breadProduct){
        //Что надо делать?
	}
}

Как сделать так чтобы бралось значение из того элемента массива в котором id равен дата атрибуту кнопки?
  • Вопрос задан
  • 90 просмотров
Решения вопроса 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
  1. взять id из дата-атрибута: let id = +this.dataset['product-id'] с плюсом, чтобы не строка, а число было - т.к. в массиве где искать id – числа.
  2. найти элемент: breadProduct.find((el) => el.id === id)
Ответ написан
alvvi
@alvvi
export default apathy;
function watchAboutProduct(){
  let id1 = $(this).attr('product-id');
  let product = breadProduct.find(product => product["id"] === id1);
}

А лучше breadProduct превратить в объект в котором ключи будут id-шниками. Если продуктов ожидается много и искать придется часто. Тогда поиск упростится до breadProduct[id1].
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Санкт-Петербург
от 160 000 до 220 000 ₽