What type of data is this JavaScript code?

Question

Well, I'm completely new to JavaScript. Can you please tell me what type of data is this JavaScript code:

var options =
{
    sourceLanguage: 'en',
    destinationLanguage: ['hi', 'bn', 'fa', 'gu', 'kn', 'ml', 'mr', 'ne', 'pa', 'ta','te','ur'],
    shortcutKey: 'ctrl+g',
    transliterationEnabled: true
};

I've reviewed JavaScript arrays, but it doesn't seem to be a traditional array. Still don't know if it's some kind of arrays or another data type!!

Additionally, is there any way to set individual elements to that data type such as setting array elements individually.

Thanks in advance

It's an object, which is pretty much the most common data type in javascript. — hobbs
– hobbs, Commented Apr 2, 2010 at 8:31

Eli Bendersky · Accepted Answer · 2010-04-02 08:38:06Z

9

It's a Javascript object. In a JS console you can check its type:

>>> typeof(options)
"object"

JS objects are sometimes used as simple associative arrays (like hash tables or dictionaries in other languages). The code snippet you present here is probably for such a use. Read more on the technique in this tutorial.

Also, this tutorial is very good.

edited Apr 2, 2010 at 8:38

answered Apr 2, 2010 at 8:32

Eli Bendersky

276k92 gold badges372 silver badges427 bronze badges

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

Comments

James Westgate · Accepted Answer · 2010-04-06 23:09:51Z

This is a way of creating and initialising an object in javascript called an object literal. Since javascript is dynamically typed, you can add key/values at any time, even to the built in objects.

The equivalent code for this would be:

var options = {};
options.sourceLanguage = 'en';
options.destinationLanguage = ['hi', 'bn', 'etc'];

The square brackets [] denote an array. The equivalent for this would be

var destinationLanguage = [];
destinationLanguage.push('hi');
destinationLanguage.push('bn'); //etc

You access array elements by index eg destinationLanguage[0].

As you can see it is much more readable and convenient to to initialise everything using the notation in your request.

This notation forms the basis of something called JSON (Javascript Object Notation) which is wire format for passing information eg between client and server. The string in your example could be retrieved via an AJAX request and parsed in a number of ways into a complex object.

slier · Accepted Answer · 2010-04-02 11:09:27Z

3

it is an object literal in other word,its a shorcut to:

var options = new Object();
options.sourceLanguage = 'en';
options.destinationLanguage = ['hi','bn', 'fa', 'gu', 'kn', 'ml', 'mr','ne']; 
options.shortcutKey = 'ctrl+g'; 
options.transliterationEnabled = true

edited Apr 2, 2010 at 11:09

answered Apr 2, 2010 at 10:56

slier

6,6566 gold badges41 silver badges58 bronze badges

Comments

Benry · Accepted Answer · 2010-04-02 08:42:41Z

1

In JavaScript you can create singleton objects using JavaScript Object Notation (JSON):

var o = {
    prop1 : 'value',
    func1 : function() {
        this.prop1 = 'some other value';
    }
}

Then you could do the following:

alert(o.prop1); // displays 'value' in an alert box in a browser environment
o.func1();
alert(o.prop1); // displays 'some other value' in an alert box

So yes, it's an object. Of course so is everything else in JavaScript. And yes, it can be used as a hash or dictionary.

answered Apr 2, 2010 at 8:42

Benry

5,2981 gold badge27 silver badges25 bronze badges

2 Comments

Jonny Buchanan Over a year ago

That's not JSON, that's Object Literal Notation.

Benry Over a year ago

Quite right. Of course JSON is based on JavaScript Object Literal Notation. Hence the name JSON.

Garrett Bluma · Accepted Answer · 2010-04-02 08:36:29Z

0

Also called a dictionary in many languages. You have a key-value pair so you would be able to access your keys like:

value = dictionary[key]

or in your case:

lang = options['sourceLanguage'];

Writing is just the same but backwards:

options['sourceLanguage'] = lang;

The only difference with your example is that it's doing it all in batch. All at once.

answered Apr 2, 2010 at 8:36

Garrett Bluma

1,31210 silver badges14 bronze badges

Collectives™ on Stack Overflow

What type of data is this JavaScript code?

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related