Pass array of data to jQuery function

Question

Here's the story... I have a jQuery function that does something, this function is referenced very regularly. One of the input parameters is an array, this array data is hard coded and thus I want to pass the data like this: (this is how I would do it using PHP)

myFunction(Array("url"=>"abc.com","example"=>"hello_world"));

Instead of

$arr=Array("url"=>"abc.com","example"=>"hello_world");
myFunction($arr);

So how do I achieve this with my jQuery function, I want this to be a one liner if possible.

Edit

Maybe my example was a bit misleading, take a look at the array indexes again. The array I am sending is an associative array.

In short I do not want any variables before my function, I want the array to be hardcoded directly in the function parameter as suggested in the first example I gave.

:-)

ground5hark · Accepted Answer · 2010-03-22 10:18:21Z

7

I reread your edited question, and your answer is in the javascript object, much like dictionaries or hashes in other languages:

    { first_key: '1', second_key: '2', third_key: '3' };

And for your callback, just pass it in as a literal declared on the spot:

    myFunction({ first_key: '1', second_key: '2', third_key: '3'});

answered Mar 22, 2010 at 10:18

ground5hark

4,5249 gold badges33 silver badges35 bronze badges

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

Comments

ant · Accepted Answer · 2010-03-22 10:09:11Z

1

Here is example if this is what you mean:

    var arr = [ "one", "two", "three", "four", "five" ];

    jQuery.each(arr, function() {
          $("#" + this).text("Mine is " + this + ".");
           return (this != "three"); // will stop running after "three"
       });

//Source http://api.jquery.com/jQuery.each/

answered Mar 22, 2010 at 10:09

ant

22.9k36 gold badges139 silver badges185 bronze badges

1 Comment

Ben Everard Over a year ago

Thanks for your answer, unfortunately I think my question was slightly misleading and thus this isn't relevant to my problem. Thanks any way though :)

David · Accepted Answer · 2010-03-22 10:19:40Z

1

Look into JSON formatting for your array...

somefunction({'key1':'value', 'key2':'value'});

edited Mar 22, 2010 at 10:19

answered Mar 22, 2010 at 10:13

David

1,9672 gold badges13 silver badges14 bronze badges

3 Comments

Ben Everard Over a year ago

Thanks for your answer, I tried this func(['key1':'value', 'key2':'value']); but get this error missing ] after element list [Break on this error] getElementContents(['key1':'value', 'key2':'value']); :S

Ben Everard Over a year ago

This worked great but bobthabuilda got there first. Many thanks for your help :)

gnarf Over a year ago

Just FYI, that's not valid JSON. It's a valid JavaScript object literal, but JSON is much stricter and requires double quotes (") for key names and strings.

ground5hark · Accepted Answer · 2010-03-22 10:13:05Z

0

I'm not entirely sure what you're asking here, but I'll give answering it a shot. If you're referencing this array in more than one place then it's probably best to define it as a constant first:

    ARRAY = ['a', 'b', 'c']
    myFunction(ARRAY);
    myFunction2(ARRAY);

If your only referencing this hard-coded array once, then pass it into the jQuery function as an array literal declared in the function call:

    myFunction(['a', 'b', 'c']);

answered Mar 22, 2010 at 10:13

ground5hark

4,5249 gold badges33 silver badges35 bronze badges

1 Comment

Ben Everard Over a year ago

Hi there, your last example is almost exactly what I want to do, I don't want any variables before my function, but it has to be an associative array. Thanks again :)

Álvaro González · Accepted Answer · 2010-03-22 10:57:37Z

0

JavaScript does not have associative arrays. You can probably get what you are asking for with a combination of regular arrays and objects:

var foo = [
    {
        url: "abc.com",
        example: "hello_world"
    },
    {
        url: "example.net",
        example: "example"
    }
];

There is a data format called JSON that uses JavaScript syntax. Since you seem to be using PHP and PHP has builtin functions to generate JSON (find json_encode() in the PHP manual) it can be a very simple task: encode your PHP data structure as JSON and use it as is from JavaScript.

edited Mar 22, 2010 at 10:57

answered Mar 22, 2010 at 10:27

Álvaro González

147k45 gold badges282 silver badges378 bronze badges

Collectives™ on Stack Overflow

Pass array of data to jQuery function

5 Answers 5

Comments

1 Comment

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related