Size: a a a

JavaScript — русскоговорящее сообщество

2020 December 27

RO

Required Optional in JavaScript — русскоговорящее сообщество
good.reduce((acc, { label }) => ({...acc, [label]: (acc[label] || 0) +1}), {})

Либо так, так даже лучше
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
Required Optional
good.reduce((acc, { label }) => ({...acc, [label]: (acc[label] || 0) +1}), {})

Либо так, так даже лучше
что то у меня не выходит ...
источник

a

allpeg in JavaScript — русскоговорящее сообщество
Ребят, помогите разобраться с реактом.

Вот есть у меня функционал: пользователь логинится, и на это время должен блокироваться функционал. Я делаю в состоянии <App> переменную куда записываю, нужно ли показывать интерфейс.
Потом туда же улетает сообщение об ошибке, а также уведомление об успешном завершении операции.
И вот после всего этого у меня на одном <App> висит куча спагетти с которым непонятно что делать.
источник

a

allpeg in JavaScript — русскоговорящее сообщество
Что с этим делать?
Нет, в компоненты убрать нельзя, стейт нужен не только одному компоненту но и другим частям приложения.
источник

RO

Required Optional in JavaScript — русскоговорящее сообщество
@Dragos .
что то у меня не выходит ...
Друг, с телефона неоч, давай я завтра допишу тебе ее, ок?)
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
allpeg
Ребят, помогите разобраться с реактом.

Вот есть у меня функционал: пользователь логинится, и на это время должен блокироваться функционал. Я делаю в состоянии <App> переменную куда записываю, нужно ли показывать интерфейс.
Потом туда же улетает сообщение об ошибке, а также уведомление об успешном завершении операции.
И вот после всего этого у меня на одном <App> висит куча спагетти с которым непонятно что делать.
Тебе в чат React - здесь только JS
t.me/react_js
источник

O

Orian in JavaScript — русскоговорящее сообщество
@Dragos .
что то у меня не выходит ...
good.reduce((acc, { label, count }) => ({...acc, [label]: (acc[label] || 0) + count}), {})
источник

RO

Required Optional in JavaScript — русскоговорящее сообщество
👍
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
Orian
good.reduce((acc, { label, count }) => ({...acc, [label]: (acc[label] || 0) + count}), {})
не совсем - структуру потеряли. Один объект на выходе получаем
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
У меня с reduce похоже пробел большой ... Пошел читать...
источник

RO

Required Optional in JavaScript — русскоговорящее сообщество
@Dragos .
У меня с reduce похоже пробел большой ... Пошел читать...
И инфу про spread/rest операторы по пути захвати)))
источник

М

Максим in JavaScript — русскоговорящее сообщество
@Dragos .
У меня с reduce похоже пробел большой ... Пошел читать...
Так попробуй
good.reduce((acc, item) => {
 const findItem = acc.find(el => el['label'] === item['label']);
 if (!findItem) {
   acc.push(item)
 } else {
   findItem['count'] += item['count']
 }
 return acc
}, []);
источник

@.

@Dragos . in JavaScript — русскоговорящее сообщество
Максим
Так попробуй
good.reduce((acc, item) => {
 const findItem = acc.find(el => el['label'] === item['label']);
 if (!findItem) {
   acc.push(item)
 } else {
   findItem['count'] += item['count']
 }
 return acc
}, []);
В точку. Теперь пошел разбирать по буквам. Спасибо большое
источник

a

allpeg in JavaScript — русскоговорящее сообщество
@Dragos .
Привет. Что то не пойму. Есть this.good =[{label: Молоко, price: 15, count: 2}, {label: печенье, price: 20, count: 5}]
Нужно пробежать по массиву найти дублирование label и сделать общий count по label. Не пойму как сделать...((
var x = [
   { label: 'Молоко', price: 15, count: 2 },
   { label: 'печенье', price: 20, count: 5 },
   { label: 'печенье', price: 20, count: 1 },
   { label: 'Изюм', price: 15, count: 99 },
   { label: 'Молоко', price: 15, count: 100 }];
Object.entries(
       x.reduce((acc, v, i, r) => {
           if (acc[v.label]) {
               acc[v.label]++;
           } else {
               acc[v.label] = 1;
           }
           return acc;
       }, {})
   )
   .map(([label, totalCount]) => ({ label, totalCount }))
   .sort((a, b) => b.totalCount - a.totalCount);
(3) […]
​0: Object { label: "Молоко", totalCount: 2 }
​1: Object { label: "печенье", totalCount: 2 }
​2: Object { label: "Изюм", totalCount: 1 }
источник

М

Максим in JavaScript — русскоговорящее сообщество
allpeg
var x = [
   { label: 'Молоко', price: 15, count: 2 },
   { label: 'печенье', price: 20, count: 5 },
   { label: 'печенье', price: 20, count: 1 },
   { label: 'Изюм', price: 15, count: 99 },
   { label: 'Молоко', price: 15, count: 100 }];
Object.entries(
       x.reduce((acc, v, i, r) => {
           if (acc[v.label]) {
               acc[v.label]++;
           } else {
               acc[v.label] = 1;
           }
           return acc;
       }, {})
   )
   .map(([label, totalCount]) => ({ label, totalCount }))
   .sort((a, b) => b.totalCount - a.totalCount);
(3) […]
​0: Object { label: "Молоко", totalCount: 2 }
​1: Object { label: "печенье", totalCount: 2 }
​2: Object { label: "Изюм", totalCount: 1 }
Ему не посчитать надо было, а сложить кол-во товаров если 2 товара в разных объектах
источник

KJ

King Julian in JavaScript — русскоговорящее сообщество
подскажите,пожалуйста, как посоветуете в списке дел добавлять таски? есть ли какой то приличный аналог insertAdjacentHTML?
источник

V

Vasiliy in JavaScript — русскоговорящее сообщество
King Julian
подскажите,пожалуйста, как посоветуете в списке дел добавлять таски? есть ли какой то приличный аналог insertAdjacentHTML?
Что есть «приличный»?
источник

KJ

King Julian in JavaScript — русскоговорящее сообщество
Vasiliy
Что есть «приличный»?
если это ключевое значение имеет, то я поясню.
имел в виду универсальный,современный и гибкий метод
источник