How to use objects within if statements - Javascript

Question

At present I have a list of conditional statements such as:

if(x = 1) { $(#div).html('A') };

if(x = 2) { $(#div).html('B') };

if(x = 3) { $(#div).html('C') };

if(x = 4) { $(#div).html('D') };

This does the job but isn't very efficient.

I'm trying to take a DRY approach to this but am unsure of how to go about it.

I'm wondering if something similar to the following will work or if there's a better way to achieve this.

var arr = [
    [1, 'A'],
    [2, 'B'],
    [3, 'C'],
    [4, 'D']
]

if ( x === arr[any of sub arrays][0]{ // 1, 2, 3 or 4

    $('div#').html('[triggered sub array[1]'); // if 1 is triggered, set html content to A, if 2, set html content to B and so on.    
}

Is there a term for what I'm trying to describe here so I can look it up?

div# seems like a syntax error, since it implies you're selecting a <div> coupled with a zero-length id property, and an id must be both unique and have a length of one, or more, characters. — David Thomas
– David Thomas, Commented Feb 26, 2015 at 23:37
I think it was probably just shorthand for "divId", another way of putting a "foobar" placeholder. — bvaughn
– bvaughn, Commented Feb 26, 2015 at 23:56

bvaughn · Accepted Answer · 2015-02-26 23:34:43Z

2

I may be misunderstanding you, but...sounds like you could just use a map?

var map = {
  1: 'A',
  2: 'B',
  3: 'C'
};

if (map.hasOwnProperty(incomingNum)) {
  $('div#').html(map[incomingNum));
}

answered Feb 26, 2015 at 23:34

bvaughn

13.5k49 silver badges46 bronze badges

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

2 Comments

Aero Over a year ago

This is exactly what I needed (I know the other comments are correct too, thanks guys!). I'm quite new to arrays, maps & objects with JavaScript.

Stephan Bijzitter Over a year ago

A map is just an object, we just call it a map because it serves a specific role in our minds.

Collectives™ on Stack Overflow

How to use objects within if statements - Javascript

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related