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

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
– gurvinder372, Commented Mar 29, 2018 at 9: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
– Teemu, Commented Mar 29, 2018 at 9:55

gurvinder372 · Accepted Answer · 2018-03-29 12:22:07Z

5

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

edited Mar 29, 2018 at 12:22

answered Mar 29, 2018 at 9:47

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

Comments

Shubham Khatri · Accepted Answer · 2018-03-29 09:51:54Z

3

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();

answered Mar 29, 2018 at 9:51

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related