Javascript array key value as a variable

Question

I am trying to set up an array of keys that are strings instead of numbers. But, when I try to do so, the array ends up null.

Here is the function that works (where the keys are just a simple number "i":

function loadImages(arr, data, callBack){
                var count = 0;
                var img = new Array();

                for(var i in arr ){
                    var src = "\""+arr[i]+"\"";

                    img[i] = new Image();
                    img[i].src = arr[i];
                    img[i].onload = function(){
                        count++;
                        if(count == arr.length){
                            callBack(data, img);
                        }
                    }
                }
            }

Here is the function I am attempting to use but the resulting array is null:

function loadImages(arr, data, callBack){
                var count = 0;
                var img = new Array();

                for(var i in arr ){
                    var src = "\""+arr[i]+"\"";

                    img[src] = new Image();
                    img[src].src = arr[i];
                    img[src].onload = function(){
                        count++;
                        if(count == arr.length){
                            callBack(data, img);
                        }
                    }
                }
            }

I have tried defining "src" in the following ways too:

var src = arr[i];

var src = "'"+arr[i]+"'";

Does anyone know why it is resulting in null?

Of course! Thank you so much elclanrs. A very simple answer. — Ian McCullough
– Ian McCullough, Commented Nov 13, 2013 at 7:16
"\""+arr[i]+"\"" looks very wrong. This will create a string which literally contains quotation marks ("). — Felix Kling
– Felix Kling, Commented Nov 13, 2013 at 7:16

IT Serenity · Accepted Answer · 2013-11-13 08:31:31Z

1

Javascript arrays are not good to be used for an enumerated array. That is what you are trying to do here. Use Object instead.

Then you can use a string as a key.

function loadImages( arr, data, callBack )
{
  var nCount = 0 ;
  var oImg = new Object() ;

  for ( i = 0; i < arr.lenght; i++ )
  {
    var sSrc = "\"" +arr[ i ]+ "\"" ;

    oImg[ sSrc ] = new Image() ;
    oImg[ sSrc ].src = arr[ i ] ;
    oImg[ sSrc ].onload = function()
                          {
                            count++;
                            if ( count == arr.length )
                            {
                              callBack( data, oImg ) ;
                              alert( oImg ) ;
                            }
                          }
  }
}

answered Nov 13, 2013 at 8:31

IT Serenity

1332 silver badges12 bronze badges

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

Comments

SamDeveloper · Accepted Answer · 2013-11-13 07:30:39Z

0

JAVASCRIPT

function loadImages(arr, data, callBack){
                var count = 0;
                var img = new Array();
                for(i=0; i<arr.lenght; i++ ){
                    var src = "\"" +arr[i]+ "\"";

                    img[src] = new Image();
                    img[src].src = arr[i];
                    img[src].onload = function(){
                        count++;
                        if(count == arr.length){
                            callBack(data, img);
                            alert(img);
                        }
                    }
                }
            }

Try this..

answered Nov 13, 2013 at 7:30

SamDeveloper

5364 silver badges15 bronze badges

Collectives™ on Stack Overflow

Javascript array key value as a variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related