Best way to get input array key value with javascript

Question

I've got the following code to get the value of input name array key with javascript:

var input = document.querySelector('input');
var value = input.name.match(/\[(.*?)\]/)[1];

console.log(value);

<input type="text" name="hello[101][]" />

Now this works fine.

But I am wondering if there is a better way then ...name.match(/\[(.*?)\]/)[1]; to get the input name array key value(s)? Like is there a way to convert the hello[101][] string to a kind of javascript array or object? Like what if I want to get all keys from:

<input type="text" name="hello['one'][101]['test'][]" />

I probably wouldn't follow this pattern myself - but you could use eval() to process that string as code — hackerrdave
– hackerrdave, Commented Mar 4, 2017 at 17:32
@hackerrdave thanks for your comment, am I doing something wrong with eval()? doesn't shows anything jsfiddle.net/yv4ceffr input.name is a string though — caramba
– caramba, Commented Mar 4, 2017 at 17:36
I suggest using ids instead of names to reference the elements on the client side, and format the ids in such a way that they are easy to work with. Names are really for the server (IMHO). — user2182349
– user2182349, Commented Mar 4, 2017 at 18:17

mplungjan · Accepted Answer · 2017-03-04 17:40:01Z

2

Here is an eval example

var str = "hello['one'][101]['test'][]", 
  parts=eval(str.substring(str.indexOf("[")).split("][").join(","))
console.log(parts)

answered Mar 4, 2017 at 17:40

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

caramba Over a year ago

Thank you @mplungjan! Much appreciated, will accept in the near future if no better answer occurs!

Andrew · Accepted Answer · 2017-03-04 17:49:13Z

1

You can pass a regular expression to split() method to make an array for you. It can be done pretty much the same way.

var arrayOfIntputValues = input.name.split(/\[(.*?)\]/)

But it will return ["hello", "'one'", "", "101", "", "'test'", "", "", ""] so you have to delete empty elements.

arrayOfInputVaules.filter(function(x){return x!=''})

answered Mar 4, 2017 at 17:49

Andrew

4493 silver badges7 bronze badges

Collectives™ on Stack Overflow

Best way to get input array key value with javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related