Как создать массив из нескольких input jquery?

Question

[DmitrySmirnov2007]

Как мне получить массив вида {"123":{"name":"Название","id":"1"},"221":{"name":"Название 2","id":"3"}}

Вод код:

<div class="js-input">
<input type="hidden" name="params[123][name]" value="Название">
<input type="hidden" name="params[123][id]" value="1">

<input type="hidden" name="params[221][name]" value="Название 2">
<input type="hidden" name="iparams[221][id]" value="3">
</div>

<script>
	  
			 		
		var data = {};
		$('.js-input').find("input[name^='params[']").each(function() {
                var  match = this.name.match(/^params\[(\d+)]\[(.+)]$/);

				data[match[1]] = {};
			    data[match[1]][match[2]] = this.value;
			

            });	  
		     
	console.log(data);

	
</script>

Answer 1

[0xD34F]

const data = Array
  .from(document.querySelectorAll('.js-input input'))
  .reduce((acc, n) => {
    const keys = n.name.match(/(?<=\[)\w+(?=\])/g);
    const key = keys.pop();
    keys.reduce((p, c) => p[c] = p[c] || {}, acc)[key] = n.value;
    return acc;
  }, {});

Comments

[DmitrySmirnov2007]

SyntaxError: invalid regexp group

[0xD34F]

Брехня.

Конечно, если ваш браузер знает про lookbehind.

Если нет, замените .match(/(?<=\[)\w+(?=\])/g) на

.match(/\[\w+\]/g).map(n => n.slice(1, -1))

или

.match(/\w+/g).slice(1)

Answer 2

[Stockholm Syndrome]

const data = {}; 
const $inputs = $('.js-input input[name^=params]:nth-child(odd)');	

$inputs.each(function() {
  const $first = $(this); 
  const $second = $first.next(); 
  const regexp = /\[(\d+)\]\[(.+?)\]/; 
  
  const [, value, name] = $first.attr('name').match(regexp); 
  const [,, id] = $second.attr('name').match(regexp);
  data[value] = {
    [name]: $first.val(),
    [id]: $second.val()
  };
});

Answer 3

[szQocks]

const fn = (str, value) => {
  const v = str.split('[').slice(-2).map(n => n.replace(']', ''));
  return {
    [v[0]]: {
      [v[1]]: value
    }
  }
} 

console.log(fn('result[1][question]', 123))