How to print/display an array in jquery

Question

I have an array

var arr = [1,2,3,4,5,6,7,8,9,10];

How to display all items of the array using an alert box?

I have tried : alert(arr); and it shows nothing.

Edit: I want display this array like php print_r function.

 output needed like: array["key" => "value", "key" => "value", ...];

If you're just trying to debug, I would HIGHLY suggest ditching alert and using console.log() — flcoder
– flcoder, Commented Sep 9, 2015 at 6:51
@flcoder: I'm indeed wondering why console.log() hasn't been suggested from the very beginning. — D4V1D
– D4V1D, Commented Sep 9, 2015 at 6:54
thanks to all... its working but by using this: alert(arr.toString()); alert(arr.join(", ")); .... explain ? — Deepak
– Deepak, Commented Sep 9, 2015 at 7:01

Satpal · Accepted Answer · 2015-09-09 06:46:51Z

4

You could also use the JavaScript function toString().

alert(arr.toString());

edited Sep 9, 2015 at 6:46

Satpal

134k13 gold badges168 silver badges171 bronze badges

answered Sep 9, 2015 at 6:45

Holonaut

1662 silver badges11 bronze badges

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

1 Comment

Holonaut Over a year ago

Also, instead of alert(), I used console.log() in my answer, but it got removed by an editor. Console.log prints to your js console (usually accessed by pressing ctrl+shift+J in your browser)

Milind Anantwar · Accepted Answer · 2015-09-09 06:42:59Z

3

To show them in csv, you can use .join(",") along with array object:

alert(arr.join(", "));

for printing individually:

$.each(arr, function( index, value ) {
  alert( value );
})

answered Sep 9, 2015 at 6:42

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

D4V1D · Accepted Answer · 2015-09-09 06:57:42Z

2

As I'm wondering why console.log() hasn't been provided as an answer, here it is.

Do:

console.log(arr);

And open the developper toolbar (F12 on most browsers) and go to the console tab. You should be able to see and expand your array.

answered Sep 9, 2015 at 6:57

D4V1D

5,8493 gold badges34 silver badges68 bronze badges

1 Comment

D4V1D Over a year ago

Nevermind, just saw the requirement in OP's question ("How to display all item of array by alert box ?"). I'll leave my answer though (the OP might not be aware at all of this feature).

guradio · Accepted Answer · 2015-09-09 06:50:05Z

1

var arr = [1,2,3,4,5,6,7,8,9,10];
alert(arr);
for(var i = 0 ; i < arr.length; i++){
alert("key "+ i + " and " + "Value is "+arr[i]);
}

FIDDLE

To alert each value use this

edited Sep 9, 2015 at 6:50

answered Sep 9, 2015 at 6:44

guradio

15.6k4 gold badges39 silver badges64 bronze badges

Comments

Persijn · Accepted Answer · 2015-09-09 06:58:18Z

1

var a = {
  "1": 15,
  "2": 16,
  "3": 17,
}

console.log(a);

answered Sep 9, 2015 at 6:58

Persijn

15.1k4 gold badges46 silver badges73 bronze badges

Comments

webCoder · Accepted Answer · 2015-09-09 07:14:52Z

0

    var arr = [1,2,3,4,5,6,7,8,9,10];
    var arrstr="arr[";
    for(var i=0;i<arr.length;i++){
        arrstr+="\""+i+"\" : \""+arr[i]+"\"";   //you can change ":" for "=>", if you like
        if(i!=arr.length-1){//if not the last one ,add "," 
            arrstr+=",";    
        }else{
            arrstr+="]";
        }
    }

    alert(arrstr);

answered Sep 9, 2015 at 7:14

webCoder

1

Comments

jmoerdyk · Accepted Answer · 2023-03-02 16:17:52Z

-1

for(var i = 0; i < teams.length; i++) {
        console.log(teams[i]);
           
}

worked for me.

edited Mar 2, 2023 at 16:17

jmoerdyk

5,5448 gold badges43 silver badges58 bronze badges

answered Mar 2, 2023 at 15:27

Merin Antony

15 bronze badges

2 Comments

jmoerdyk Over a year ago

Not sure if this is a "thanks" or an attempt at an answer. It doesn't actually answer the original problem, as it doesn't use alert() or provide the format that the OP asked for.

Michael M. Over a year ago

@jmoerdyk Looks legit (however, not particularly good) to me. I think the usage of console.log() comes from this comment on the question.

Collectives™ on Stack Overflow

How to print/display an array in jquery

7 Answers 7

1 Comment

Comments

1 Comment

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

Comments

1 Comment

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related