用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'][]" />

Answer 1

Here is an eval example

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

Answer 2

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!=''})