Is there a way to call all functions inside an object in javascript?

Question

var imgs = {
    a: function(){
        //...
    },
    b: function(){
        //...
    },
    c: function(){
        //...
    }
};
var preloadImgs = function(){
    imgs.a();
    imgs.b();
    imgs.c();
};
preloadImgs();

Is there a way to automate preloadImgs so it loads all the methods inside imgs at once, instead of me having to type every single one?

You can iterate the `imgs` values. Please share your attempt first. — gurvinder372, Mar 29 '18 at 09:51
@Quentin maybe the dup is an answer to OP's question, but it isn't going to really help them, because the question is more or less based on ... say on a wrong assumption. — Teemu, Mar 29 '18 at 09:55

gurvinder372 · Answer 1 · 2018-03-29T12:22:07.253

Use Object.values

Object.values( imgs ).forEach( s => s() );

Demo

var imgs = {
    a: function(){
       console.log("1");
    },
    b: function(){
       console.log("2");
    },
    c: function(){
       console.log("3");
    }
};
var preloadImgs = function(){
    Object.values( imgs ).forEach( s => s() );
};
preloadImgs();

Edit

If all the values in imgs are not function, then you can apply the filter first

Object.values( imgs )
  .filter( s => typeof s === 'function' ) //filter out values which are function
  .forEach( s => s() ); //execute those functions

score 3 · Accepted Answer · answered Mar 29 '18 at 09:51

Loop over all the values of the imgs object and call it if its a function

var imgs = {
    a: function(){
        console.log('a');
    },
    b: function(){
        console.log('b');
    },
    c: function(){
        console.log('c');
    }
};
var preloadImgs = function(){
    Object.values(imgs).map(value => {
      if(typeof value === 'function') {
          value.call();
      }
    })
};
preloadImgs();

Is there a way to call all functions inside an object in javascript?

2 Answers2