Телеграмм чат группы projs

Size: a a a

pro.js

2020 July 31

народ привет. вопрос быстренький. Как из массива типа

const srcArr = [
  {
    "time": 1579111185330,
    "rpm": 0,
    "speed": 0,
  },
  {
    "time": 1579111186340,
    "rpm": 1,
    "speed": 2,
  },
  {
    "time": 1579111187340,
    "rpm": 2,
    "speed": 4,
  }];

превратить в массив вида:

c

onst outArr = [
  {
    title: "time",
    data: [1579111185330, 1579111186340, 1579111187340]
  },
  {
   title: "rpm",
   data: [0, 1, 2],
  },
  {
   title: "speed",
   data: [0, 2, 4]
  }
]

что лучше использовать? map? reduce?

источник

12:28пожаловаться #1

Ivan Pany in pro.js

D_d Tch

народ привет. вопрос быстренький. Как из массива типа

const srcArr = [
  {
    "time": 1579111185330,
    "rpm": 0,
    "speed": 0,
  },
  {
    "time": 1579111186340,
    "rpm": 1,
    "speed": 2,
  },
  {
    "time": 1579111187340,
    "rpm": 2,
    "speed": 4,
  }];

превратить в массив вида:

c

onst outArr = [
  {
    title: "time",
    data: [1579111185330, 1579111186340, 1579111187340]
  },
  {
   title: "rpm",
   data: [0, 1, 2],
  },
  {
   title: "speed",
   data: [0, 2, 4]
  }
]

что лучше использовать? map? reduce?

я бы просто перебрал этот объект и все что с ключем time записывал бы в Объект с тайтлом time

источник

12:32пожаловаться #2

Ivan Pany in pro.js

не знаю на сколько это практично

источник

12:32пожаловаться #3

Ivan Pany in pro.js

может есть в ес6 метод который сделает это быстрее

источник

12:32пожаловаться #4

Ivan Pany in pro.js

но я такой не знаю

источник

12:32пожаловаться #5

D_d Tch in pro.js

ну да это типа самое простое что кидается на ум. но хочется что-то другое

источник

12:33пожаловаться #6

Ivan Pany in pro.js

не знаю насчет мапы в js

источник

12:33пожаловаться #7

Ivan Pany in pro.js

D_d Tch

ну да это типа самое простое что кидается на ум. но хочется что-то другое

а тебе это надо один раз сделать? или переиспользовать? мб тогда функцию запилить с аргументами названия ключа и он будет создавать новый массив с объектом который тебе нужен

источник

12:36пожаловаться #8

i in pro.js

https://jsfiddle.net/gce30jbh/

jsfiddle.net

Edit fiddle - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

источник

12:42пожаловаться #9

Mr. Nobody in pro.js

D_d Tch

народ привет. вопрос быстренький. Как из массива типа

const srcArr = [
  {
    "time": 1579111185330,
    "rpm": 0,
    "speed": 0,
  },
  {
    "time": 1579111186340,
    "rpm": 1,
    "speed": 2,
  },
  {
    "time": 1579111187340,
    "rpm": 2,
    "speed": 4,
  }];

превратить в массив вида:

c

onst outArr = [
  {
    title: "time",
    data: [1579111185330, 1579111186340, 1579111187340]
  },
  {
   title: "rpm",
   data: [0, 1, 2],
  },
  {
   title: "speed",
   data: [0, 2, 4]
  }
]

что лучше использовать? map? reduce?

const result = srcArr.reduce((res, el) => {

  res.time.push(el.time);
  res.rpm.push(el.rpm);
  res.speed.push(el.speed);

  return res;

}, {time: [], rpm: [], speed: []});

источник

12:50пожаловаться #10

Mr. Nobody in pro.js

Не думаю что сократить можно, от пушей не избавишься скорей всего никак.

источник

12:50пожаловаться #11

Peter V in pro.js

Mr. Nobody

const result = srcArr.reduce((res, el) => {

  res.time.push(el.time);
  res.rpm.push(el.rpm);
  res.speed.push(el.speed);

  return res;

}, {time: [], rpm: [], speed: []});

Имхо редьюс тут лишний. Просто в цикле напихать в result

источник

13:06пожаловаться #12

Алексей in pro.js

Гайз, а как можно настроить алиасы в вс коде?

источник

13:27пожаловаться #13

Mr. Nobody in pro.js

Peter V

Имхо редьюс тут лишний. Просто в цикле напихать в result

Так то же количество операций будет. Кроме разве что ретёрна на каждой итерации.

источник

13:29пожаловаться #14

Mr. Nobody in pro.js

Но я бы конечно сделал простым циклом, это всё равно выносить в отдельную функцию наверное.

источник

13:30пожаловаться #15

Алексей in pro.js

Алексей

Гайз, а как можно настроить алиасы в вс коде?

Вот так
https://medium.com/@justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9

Medium

Solve Module Import Aliasing for Webpack, Jest, and VSCode

Never dig out with `./../../../..` again!

источник

13:31пожаловаться #16

Peter V in pro.js

Mr. Nobody

Так то же количество операций будет. Кроме разве что ретёрна на каждой итерации.

Может это конечно вкусовщина. Операций действительно будет такое же количества, но бенефита от редьюса конкретно тут никакого, а читаться лучше будет.

источник

13:31пожаловаться #17

D_d Tch in pro.js

@its_random обрати внимание что мне нужно разбить конечный массив.

источник

13:33пожаловаться #18

D_d Tch in pro.js

получается тут в несколько операций все равно придется делать

источник

13:33пожаловаться #19

Mr. Nobody in pro.js

Peter V

Да я сам обычно за это топлю. В реальном проекте придётся ещё проверки добавлять какие-то, трайкэтчи и т.д. И от компактных конструкций не остаётся и следа.

источник

13:33пожаловаться #20