Преобразовать строку es6 в точку в ключ formData

Учитывая строку JS

let string = 'language.0.name'

как я могу преобразовать строку в нотацию ключа formData, чтобы я мог пойти

'language[0][name]'

Я пробую это, но мне нужен короткий код с регулярным выражением

let temp = '';
_.forEach(key.split(/[.]/), (i, k) => {
   temp += k === 0 ? i : `[${i}]`;
});

Для данных, закодированных в форме, вы бы не хотели 'language[0][name]'? Каков ваш фактический вариант использования? Кроме того, что вы пробовали?

— 13.12.2020 23:52

@charlietfl Да, вы правы, я обновил свои вопросы. Я хочу отправить ajax-запрос с почтовым методом на свою серверную часть. мой ввод имеет несколько данных.. `языки [{уровень: 5, имя: 'английский'}, {уровень: 5, имя: 'английский'}] `

— 14.12.2020 00:08

Почему бы не отправить в формате JSON, если у вас уже есть структурированные данные?

— 14.12.2020 00:27

javascript ecmascript-6

13.12.2020 23:48

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

160

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Вот моя плохая реализация, которую я не удосужился оптимизировать:

const string = "language.0.name";

function toKeyNotation(s: string) {
  const string = s;

  const m = string.match(/.\d./g);
  const n = m.map((s) => s.slice(1, 2));

  const a = string.split(/.\d./g);

  let r = "";

  for (let i = 0; i < m.length; i++) {
    const newString = `[${n[i]}]`;
    r += a[i];
    r += newString;
  }

  r += a[a.length - 1];

  return r;
}

console.info(toKeyNotation(string)); // returns 'language[0]name'

Извините, я обновил свой вопрос. Можно ли использовать только регулярное выражение?

— 14.12.2020 00:07

в этом случае приведенных выше ответов будет достаточно ^_^

— 14.12.2020 00:28

14.12.2020 00:04

Следующая функция поможет вам со строкой es6 для формирования данных

function filterData(str) {
  str = str.split(".");
  let str1 = "";
  str.forEach((element) => {
    str1 === "" ? (str1 = element) : (str1 += "[" + element + "]");
  });
  console.info(str1);
}

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <input type = "text" onkeydown = "filterData(this.value)" />
  </body>
</html>

14.12.2020 00:13

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

Можно сделать это с помощью простых split() и reduce()

let strings = ['language.0.name', 'language.0', 'language'];
// parse function
const parseFormStr = (s) => s.split('.').reduce((a, c) => a + `[${c}]`);
// test loop
strings.forEach(s => console.info([s, ' => ', parseFormStr(s)].join('')));

Спасибо, чувак, теперь мы можем отправлять JSON вот так. JSON.stringify($("#myForm").serializeArray()) но невозможно ли это в vuejs? и таким образом я могу загрузить изображение?

— 14.12.2020 01:19

Вы должны использовать FormData для отправки изображения. const data = new FormData(formElement) и обязательно установите соответствующий заголовок типа многокомпонентного контента. Не нужен какой-либо из этого строкового кода, когда вы это делаете

— 14.12.2020 01:22

14.12.2020 00:17