не то
json не разложило в массиве
там де подчеркнул должно было б быть по 2 штуки

не - {«source" : "source", "medium" : "medium"}
а  - [{«source" : "source"}, {"medium" : "medium"}]

Не совсем тот чат, но наверняка тут кто-то знает. Напомните плиз, как назывался этот популярный пару лет назад стиль юая, когда у тебя кнопки все и элементы были на таких вот "подъемах" будто, плавно вырастающих из бэкграунда?

не матириал дизайн с летающими карточками, а когда выдавливаются будто элементы

а, всё, вспомнил, neumorphism, всем спасибо

Вроде похоже

const obj = {
  utm: { source: "source", medium: "medium" },
  user: { ver: "ident", bal: "true" }
};

function objKeysInArray(obj) {
  const res = [];
  for (let key in obj) {
    typeof obj[key] === "object"
      ? res.push({ [key]: objKeysInArray(obj[key]) })
      : res.push({ [key]: obj[key] });
  }
  return res;
}
console.log(objKeysInArray(obj));

Коллеги, помогите, пожалуйста, решить проблему. Есть простая вёрстка из 6-ти карточек. В каждую из них нужно отрисовать данные получаемые от сервера. У меня получается отрисовать либо в последнюю карточку, либо в каждой из них рендерится undefined. Уже вывих мозга заработал.
Закинул код на jsfidlde - https://jsfiddle.net/Arheil/xadnhr2m/1/

https://jsfiddle.net/xo9jbcf8/1/
Только переменные по нормальному назовите
ну и в случае, если количество карточек > количество итемов с бэкенда, то будет заполняться ундефундами

Огромное человеческое спасибо!😊

#вакансия #react #frontend #remote #офис #fulltime #Москва #Сбермаркет  #Sbermarket

Всем привет! Команда СберМаркет в поиске Middle/Senior front-end developer

зп: 180 - 300к net
Формат работы: удаленный или офис (на выбор кандидата)
Занятость: fulltime
Условия: ТК РФ, зп белая, социальный пакет (ДМС, обучение, курсы и скидки от партнеров), MacBook Pro для работы.
График работы: гибкий, время начала рабочего дня с 8:00 до 11:30 и окончания с 17:00 до 20:30

Чем предстоит заниматься?
✅Разработкой новой бизнес логики, рефакторингом существующего кода и поддержкой проекта.

👉Middle front-end developer в большей степени занимаются разработкой и поддержкой проекта
👉Senior front-end developer занимаются разработкой, но в большей степени архитектурными решениями, в меньшей версткой и рефакторингом.

Наш стек: React\ Redux\ TypeScript\ SASS

Наши требования:
🔸 Опыт работы коммерческой разработки front-end от 3х лет.
🔸Экспертное знание Javascript и ES6.
🔸Экспертное знание React + Redux.
🔸Умение быстро и качественно сверстать проект по макету.
🔸Уверенные знания HTML, CSS/LESS/SASS, опыт кроссбраузерной верстки.
🔸Умение и опыт тестирования frontend.
🔸Уверенное применение инструментов сборки frontend (мы используем webpack).
🔸Использование Unix и Git

По всем вопросам смело пишите мне - @iamnnm или  natalia.matushkina@sbermarket.ru
Наталья

До встречи!

Добрый день знает кто то программу удобную для построение графика?

Скажите, пж, почему в третьем примере ошибка?
1)
var a = '{"utm"  : {"source" : "source", "medium" : "medium"}, "user": {"ver" :"ident", "bal" : "true"}}'
JSON.parse(a)
good!

2)
function objKeysInArray(input) {
 const res = [];
 for (let key in obj) {
   typeof obj[key] === "object"
     ? res.push({ [key]: objKeysInArray(obj[key]) })
     : res.push({ [key]: obj[key] });
 }
 return res;
}

objKeysInArray({"utm"  : {"source" : "source", "medium" : "medium"}, "user": {"ver" :"ident", "bal" : "true"}})
good!

3)
function objKeysInArray(input) {
var obj = JSON.parse(input)
 const res = [];
 for (let key in obj) {
   typeof obj[key] === "object"
     ? res.push({ [key]: objKeysInArray(obj[key]) })
     : res.push({ [key]: obj[key] });
 }
 return res;
}

var a = '{"utm"  : {"source" : "source", "medium" : "medium"}, "user": {"ver" :"ident", "bal" : "true"}}'
objKeysInArray(a)


SyntaxError: Unexpected token o in JSON at position 1 at undefined line 1, columns 1-2

вызывается рекурсивно и с нормальным распарсенным объектом (не стринг), вот JSON.parse там и валится
? res.push({ [key]: objKeysInArray(obj[key]) })

я не понял)

твоя функция опять вызывается но передается не строка, а объект, JSON.parse на вход ждет строку

typeof obj[key] === "object"
     ? res.push({ [key]: objKeysInArray(obj[key]) })
     : res.push({ [key]: obj[key] });

objKeysInArray внутри твоей функции вызывается опять твоя функция (это называется рекурсия)
доходит до места
var obj = JSON.parse(input)

и валится

и что же делать?)

аа, сделаю проверку для json parse это стринга или json

хорошего ляща схлопотал от рекурсии
спасибо

Не делать функции, которые принимают гетерогенный инпут.

Нужно один раз распарсить жсон - сделай это снаружи функции, пусть даже это будет другая функция-обертка

не я написал)
если есть возможность напишите)