Как преобразовать формат json в массивы в реакции

У меня есть данные csv, которые я преобразовал в данные json и использую в проекте react.js. Ниже приведен пример файла json.

export const data = [
  {
    id: 1,
    Word: "AN",
    Target: "Female",
    Weight: 0,
  },
  {
    id: 2,
    Word: "Aaron",
    Target: "Female",
    Weight: 0,
  },
  {
    id: 3,
    Word: "Abbey",
    Target: "Female",
    Weight: 0,
  }

Но я хочу преобразовать приведенные выше данные в формат ниже в react.js. Как мне это сделать

const sankeyData = [
  ["Word", "Target", "Weight"],
  ["AN", "Female", 0],
  ["Aaron", "Male", 0],
  ["Abbey","Female", 0],
];

Что вы пробовали и в чем именно проблема? Обратите внимание, что ни одна из этих вещей не является JSON, но любая из них может быть представлена ​​в нем.

jonrsharpe 20.03.2022 14:26

@jonrsharpe Я использовал csvjson.com для преобразования моего файла csv в формат json. Но теперь я не смог преобразовать их в квадратные скобки

daylightisminetocommand 20.03.2022 14:29

Опять же, ни ваш ввод, ни вывод не являются JSON. И под «квадратными скобками» вы подразумеваете создание массивов, которые должны упростить исследование довольно тривиальной задачи.

jonrsharpe 20.03.2022 14:30

Прочтите описание тега JSON: «Не используйте этот тег для нативных объектов JavaScript или литералов объектов JavaScript». Пожалуйста, не спамьте теги. Этот вопрос не имеет отношения к React.

jabaa 20.03.2022 14:34
stackoverflow.com/a/22477694/212869
NickSlash 20.03.2022 14:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
4
5
37
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете сделать функцию с этим кодом.

function convertFormat(data) {
  if (data.length === 0) return [];

  let new_data = [];
  let key_data = [];
  Object.keys(data[0]).map((key) => {
    if (key !== 'id') key_data.push(key);
  });
  new_data.push(key_data);

  data.map((item) => {
    let new_item = [];
    Object.values(item).map((value, index) => {
      if (index !== 0) new_item.push(value);
    });
    new_data.push(new_item);
  });
  return new_data;
}

Другие вопросы по теме