ansaurus

Question

Creating Array From Window.location.hash

Answer 1

+1 A:

JavaScript doesn't support the following notation:

var my_item = {value[0] : value[1]};

Try this instead:

var my_item = {};
my_item[value[0]] = value[1];

This will create an array, where each element has a key and a value, for example:

[{name: jason}, {age: 23}, {location: pacific}] //array of single keys

Using a hash probably makes more scene in your case, so you can call form_data['age'], and won't have to look though the array:

initialize form_data to an object:

form_data = {};

Add keys directly to it:

form_data[value[0]] = value[1];

So the result is:

{name: jason, age: 23, location: pacific} //associative array with properties

Kobi 2010-07-13 04:13:20

That won't work either; my_item will be redeclared each time, so it will only contain the last key/value pair.

no 2010-07-13 04:16:39

@no - nope. It is pushed to the `form_data` array, which is safe to assume defined before the loop.

Kobi 2010-07-13 04:18:52

how is that safe to assume? I assumed it was not declared.

no 2010-07-13 04:19:55

Then it will not work. You must declare `form_data` as an array first (before the whole `$.each` loop) before you can use `form_data[i]` to add in data.

syockit 2010-08-25 06:36:54

Answer 2

A:

Undeclared form_data is not an object, so it can't have any properties, so form_data[i] = ... will fail. Run this script in a decent browser and the console should show you a message amounting to what I just said.

edit - no it won't because the bogus object literal syntax will trip it up first as Kobi mentions. Both issues should be fixed.

no 2010-07-13 04:13:57

Answer 3

A:

Here's a sample based on the following URL:

http://www.someUrl.com/Index.htm#foo=bob&moo=alice

<!DOCTYPE html>
<html lang="en">
<head>
    <title>hash me long time</title>
</head>
<body>

    <p>Hello World!</p>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript">

        $(function () {

            var hash = window.location.hash.replace('#', '').split('&');
            var myArray = new Array();
            for (var x = 0; x < hash.length; x++) {
                var itemArray = hash[x].split('=');
                var item = new Object();
                item.key = itemArray[0];
                item.value = itemArray[1];
                myArray.push(item);
            }

            for (var x = 0; x < myArray.length; x++)
                console.log(myArray[x].key + ' is ' + myArray[x].value);

        });

    </script>
</body>
</html>

AndrewDotHay 2010-07-13 04:36:29

Thanks for code but i have to access variables like this: myArray["foo"] it this case i can't.

mTuran 2010-07-13 04:43:02

mTuran: Your original code, had it worked, wouldn't have done that either. `form_data`, assuming it was declared, would have numeric properties, just like Andrew's `myArray`. There was no indication that non-numeric properties were a prerequisite. And where is 'foo' supposed to come from anyway?

no 2010-07-13 05:09:26

What is driving this decision to reference values via string index, as in myArray["foo"], is it Professor Smith?

AndrewDotHay 2010-07-13 05:18:56

because i have to have access variables individually

mTuran 2010-07-13 05:29:13

@AndrewDotHay Professor Smith from Duke University, or UCB?

syockit 2010-08-25 06:41:41

Answer 4

+1 A:

Give this a try:

var hash = window.location.hash.slice(1);
var array = hash.split("&");

var values, form_data = {};

for (var i = 0; i < array.length; i += 1) {
    values = array[i].split("=");
    form_data[values[0]] = values[1];
}

console.log(form_data);

...Of course I suspect you may be wanting the search property, rather than hash, but I don't know your specific use case.

Pauan 2010-09-30 15:42:13

Answer 5

+1 A:

your code is correct only error is

 $.each(window.location.hash.replace("#", "").split("&"), function (i, value) {
            value = value.split("=");
            var _formItem={};
            var my_item={};
            my_item[value[0]]= value[1]; 
            form_data[i] = my_item; 
        });

Praveen Prasad 2010-09-30 16:04:15

Answer 6

A:

Perfect Object.

location.hash = location.hash ? location.hash : "#!";
$.each((location.hash ? location.hash.split("#!") : [""])[1].split("&"), (function () {
 y = this.split("=");
 $hash[y[0]] = y[1];
}));

If you are not yet using #! you can change it to #

JamesM 2010-10-01 05:40:44

ansaurus

tags:

views:

answers:

Creating Array From Window.location.hash

related questions